コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > image_html/css_WEB-ITnose の高さと幅に関する怖い質問

image_html/css_WEB-ITnose の高さと幅に関する怖い質問

WBOY
リリース： 2016-06-24 11:52:39
オリジナル
884 人が閲覧しました

img タグがインライン要素であることは誰もが知っていますが、インライン要素にはデフォルトでは高さと幅がありません。では、なぜ img の高さと幅の設定がデフォルトで有効になるのかということです。


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

デフォルトでは次のように設定できます

私は特別に w3c ルールを確認しました
原文: http://www.w3.org/TR/ html-markup /img.html

それは以下で説明されています
典型的なデフォルトの表示プロパティ 

img {display: inline-block; }
ログイン後にコピー


インラインとして表示するためにサーバーのメインコンソールを使用する理由については、わかりません

img が表示されない場合幅と高さを設定します。デフォルトの幅と高さは、ロードされた画像のサイズです。幅と高さを設定すると、それに応じて画像が伸縮されます。これは画像の処理が必要なためです。なので、このタグの幅と高さを設定すると効果的です

関連ラベル：
一个让人恐怖的问题，关于图片的高宽
ソース：php.cn
前の記事：CSS3のコールバック処理animation_html/css_WEB-ITnose 次の記事：Jquery ツリー メニューはデフォルトですべて展開されているため、Solve_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
2188
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2335
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 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
1848
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1902
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート