我用我的代码垂直居中多行文本.它适用于所有现代浏览器,但不适用于IE7.我四处搜索,发现我在CSS-Tricks上有一个CSS表达式,应该修复它.
不幸的是107px
,IE7中元素的高度不是,它看起来更大.我刚刚发现了CSS表达式并且对它几乎一无所知.
任何人都可以指出问题和解决方案吗?
CSS
p.caption { display: table-cell; height: 107px; padding: 15px 10px; border-bottom: 1px solid #cecece; font-size: 16px; text-shadow: 0 0 1px #868686; text-align: center; vertical-align: middle; }
IE7 CSS
p.caption { clear: expression( style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0 ); }
实例: JSFiddle
我不认为JSFiddle支持IE表达式?