コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > と が同じ行にあるのですが、img の margin-top を変更すると位置が変わるのはなぜですか? _html/css_WEB-ITnose

と が同じ行にあるのですが、img の margin-top を変更すると位置が変わるのはなぜですか? _html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 09:04:07
オリジナル
1164 人が閲覧しました

.daohang a{	display:inline-block;	margin-top:6px;}/*为什么更改img的上边距时，链接a也会跟着下移？*/.daohang img{        width:21px;        height:21px;	margin-top:7px;}
ログイン後にコピー

<div class="daohang">		<a href="url>首页</a>		<img src="../image/line.png"/>
ログイン後にコピー


このモデルは、2 つの小さな div を含む大きな div としてみなされる必要があります。なぜマージンがリンクを変更するのでしょうか。下？
要素を調べてみたところ、a のマージンが div まで及んでいないことがわかりましたが、img はそうなっています。これはなぜですか?


ディスカッション(解決策)への返信

をお願いしますaタグの中にimgを入れます。 。 。

HTML コードはどこにありますか。 。 。 。

HTML+CSS 組版の仕方もスキルです

HTML貼り付け、できれば画像とか貼ってください

縦書きの関係あると思います配置...

inline-block の影響を受けますか?
この問題を解決するには、display の代わりに float を使用し、相互に影響を与えません

関連ラベル：
&lt;a inline-block&gt;和&lt;img&gt;在一行，为什么改变img的margin-top，a的
ソース：php.cn
前の記事：implement_html/css_WEB-ITnose に使用されるレイアウト 次の記事：要素に対するposition:fixedの影響について質問がありますか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2191
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2340
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1963
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1850
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1908
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート