ホームページ > 記事 > ウェブフロントエンド > CSS は画像を垂直方向の中央に設定します_html/css_WEB-ITnose
CSS は画像を垂直方向の中央に設定します_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:54:18978ブラウズ
注: スタイル設定は、画像要素自体ではなく、主に画像の親要素に対して行われます。
CSS コード [画像の親ポイントのスタイル]:
<style>.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ /* 实验数据 width:400px; height:500px; border: 1px solid black;*/} </style> HTML コード:
<div class="box"> <img src="图片路径" /></div>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。