我正在创建一个在 IE7 中工作的网页。我想在气泡中垂直居中一个跨度(可能有几行长)。line-height
通过将跨度父级的属性设置为跨度父级本身的高度,我在现代浏览器中实现了这一点。然后为 span 赋予display
属性inline-block
,将其line-height
属性设置为与其字体大小相对应的内容,并将其vertical-align
属性设置为middle
. 但是,当我尝试在 IE7 中查看它时,跨度文本的行高似乎不是跨度的行高,而是跨度父级的行高。就好像跨度没有 inline-block 显示属性,因为如果它是内联的,这就是您所期望的。由于 span 元素默认是内联的,因此您可能希望 inline-block 属性在 IE7 中有效,但事实并非如此。我尝试过应用诸如css-tricks建议zoom: 1;
的“跨浏览器内联块”之类的东西,但这些都不起作用。我正在认真考虑使用桌子,但这真的不是我想诉诸的东西。
您可以在http://jsfiddle.net/sAuhsoj/bWdwE/查看问题(您可能希望使用browserlab.adobe查看全屏版本http://jsfiddle.net/sAuhsoj/bWdwE/embedded/result/ .com看看它在 IE7 中的样子)