网页制作:用CSS实现图片垂直居中
作者:佚名 2008年06月06日 来源:天下网盟搜集
曾经在某个招聘中看到这样一道题目:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是工作中最常遇到的一个问题,很有代表性。
题目的难点在于两点:垂直居中; 图片是个置换元素,有些特殊的特性。至于如何解决,下面是一个权衡的相对结构干净的简单CSS的解决方法:
|
.box { /*设置水平居中*/ /* 针对IE的Hack */ width:200px; <div class="box"> |
声明:本站所发表的文章与图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系邮箱:editor@untx.com。
网友评论




