ホームページ  >  記事  >  ウェブフロントエンド  >  グラフィックスと text_html/css_WEB-ITnose が混在する場合の DIV+CSS 画像のセンタリング方法

グラフィックスと text_html/css_WEB-ITnose が混在する場合の DIV+CSS 画像のセンタリング方法

WBOY
WBOYオリジナル
2016-06-24 11:44:101826ブラウズ

DIV画像とテキストが混在した画像を中央に配置するために、IMGにさまざまなSPAN、DIV、LIなどを使用する人が多く、中央揃えにtext-alignを使用できます。

1 <div>图文混排2 <br>3 <span style="text-align:center"><img src="http://www.baidu.com/img/baidu_jgylogo3.gif"></span>4 </div>

DIV のセンタリングには、多くの人が次の方法を使用しますが、この方法はデフォルトでは IMG のセンタリングには適していません。

そうですか

これは、IMG タグがインライン要素 (インライン要素) であるためです。インライン要素は、Display 属性を通じて IMG を強制的にブロック要素として表示することができます。グラフィックとテキストを混合して表示できます。画像を中央に配置できます。

れーい



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