ホームページ >ウェブフロントエンド >htmlチュートリアル >css_html/css_WEB-ITnose でこのように記述することの利点は何ですか?

css_html/css_WEB-ITnose でこのように記述することの利点は何ですか?

WBOY
WBOYオリジナル
2016-06-24 12:09:411119ブラウズ

dc6dce4a544fdca2df29d5ac0ea9906be388a4556c0f65e1904146cc1a846bee395654574f558fe872ed0cde40ed3d0694b3e26ee717c64999d7867364b1b4a316b28748ea4df4d9c2150843fecfba68
64e5601d0a941f4972a2954192bdae1894b3e26ee717c64999d7867364b1b4a3 を追加する理由
省略してるだけじゃないの?
何と言えばいいでしょうか? ?


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

img はインライン要素です

p はブロックレベルの要素です

e388a4556c0f65e1904146cc1a846bee6ed09268cbdd0015bce8dcbbdfa9bfe494b3e26ee717c64999d7867364b1b4a3これは、img が占有することを意味します別の行スペース、つまり img をブロックレベル要素にします。

実際、実用的なスタイルも実装できます。つまり、img style="display:block" がブロック要素になります。

それは特定の状況によって異なりますが、
これは画像に背景色を与えるためだと思います
p {
background:#eee;padding:2px;
}

このようにすると、画像に境界線があるように見えます

44a8922e6607b31d059827e4b04a93b9e388a4556c0f65e1904146cc1a846bee395654574f558fe872ed0cde40ed3d0694b3e26ee717c64999d7867364b1b4a316b28748ea4df4d9c2150843fecfba68
これは、一部の編集者によって自動的に追加される場合がありますが、次のように完全に削除できます。上のクラスメートは、ブロックのスタイルを直接指定する必要がある場合は大丈夫だと言いました

このコード行だけから、p 要素を追加するかどうかは関係ありません。 div 全体の内容がより複雑な場合は、img の外側にネストします。 p 要素を使用すると、CSS を使用してスタイルをより柔軟に制御できます。 例:

<style type="text/css">img { border:1px solid #FFF; }p img { border-width:5px; } /*可以对包含在p元素中的img设置不同的边框宽度*/</style><div>  <p><img src="images/logo.gif" /></p>  <img src="sjflsjd" /></div>


特定の問題を詳細に分析します。効果が得られます。

このようなコード行だけでは、エディタによって自動的に追加されたもので、特別な意味はないと思います。

ここでの p にはあまり意味がないと思います。 。 。 。利点はなく、ラップする必要がある多くのブロックレベル要素を css:display:block に置き換えることができるようになりました。 。 。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。