妙人

摘要： 图片 ( 特殊字体文字使用图片 ) HTML 结构 : <h2 class="hd "> <a href="#" class="we-talk-tit left" data-stat="" title=" 优惠大家谈 "> 优惠大家谈 </a> </div>CSS: .we-talk .hd { background: url("http://XXXX") no-repeat 0 -40px; height: 20px; lin 阅读全文

摘要： 通过设置 display: table-cell ，并且设置宽高，就可以实现里面元素的垂直居中对齐。 table-cell 不能继承父级的宽高，除非父级是 table 。因为要自适应，所以宽度不能定死，于是父级定义我为 display: table 。 图片要能等比缩放， max-width: 100%, height: auto; 这是按宽来缩放，max-width 会导致 IE8 下图片消失，所以加上 width: auto9 。 IE6/7 不支持 table-cell ，可以使用 inline-block 来触发 hasLayout ，这样也能实现垂直居中对齐。.parent{ dis 阅读全文