div相对与table对于图片的垂直居中支持的并不好,特别对于不同浏览器的兼容性来说,这里我们看下一个简洁的css解决方法: 在曾经的 淘宝UED 招聘 中有这样一道题目:
当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很有代表性。 题目的难点在于两点:
至于如何解决,下面是一个权衡的相对结构干净,CSS简单的解决方法:
< img src=”aaaa.jpg” mce_src=”aaaa.jpg” style=”_margin-top: expression_r(( 300 - this.height ) / 2);” /> < /div > |
CSS设置 使div中的图片垂直上下居中
最新推荐文章于 2024-06-04 15:43:57 发布