您现在的位置: 破洛洛 >> 建站学院 >> 网站设计 >> CSS教程 >> 正文

CSS学习笔记:任意大小图片是自适应居中

作者:佚名 来源:不详 更新时间:2012-11-20
分享到

破洛洛文章简介:平时笔记.

强制换行: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" />

转载请注明:破洛洛(谢谢合作)
网友评论: