CSS学习笔记:恣意大小图片是自顺应居中
日期：2013-11-15 浏览次数：20909 次
网页制造aiyiweb文章简介：平时笔记.
强制换行：word-warp:block-word;
任意大小图片是自顺应居中：
css:
.wrapperBox{border:1px solid red; width:100px; height:100px; display:table-cell; font-size:0; text-align:center; vertical-align:middle; *position:relative;padding:0; overflow:hidden; }
.innerBox{text-align:center; vertical-align:middle; width:100px\9; *width:auto;font-size:0; *position:absolute;*top:50%;*left:50%;}
img{ max-height:100px; max-width:100px; *position:relative;*bottom:50%;*right:50%;margin:0 auto;}
html
<div class="wrapperBox">
<div class="innerBox">
<img src="images/test2.jpg" />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
