如何设置像标签或跨度这样的内联对象的垂直对齐方式,设置文本对齐等于IE7-8的中心?

如何设置像标签或跨度这样的内联对象的垂直对齐方式,设置文本对齐等于IE7-8的中心?

上图是用于过滤我网站中某些数据的HTML。我在这个文本中有2个标签和2个选择对齐中心线。所有元素都以内联方式显示。在IE9 RC和Chrome 9上,一切都完美无缺。但它不适用于IE7和IE8,因为所有标签中的文本都显示在底部,如下图所示。

你有这个问题的任何CSS?你可以编辑我的jsFiddle来试图解决这个问题。

http://www.jsfiddle.net/AaDkd/

更新#1 我尝试设置与当前行的高度相关的所有元素的行高。但它不适用于IE7。

的源代码:http://jsfiddle.net/AaDkd/1/

演示:http://fiddle.jshell.net/AaDkd/1/show/

更新#2

正如你看到的,我删除所有样式的控制,但垂直-C在使用IE7时,在选择和标签中输入的文本不完全相同。这是因为选择的默认高度(在IE7中无法调整)以及标签或跨度的高度不相等。

源代码:http://jsfiddle.net/AaDkd/5/

演示:http://fiddle.jshell.net/AaDkd/5/show/

PS。不要忘记这条线的文本对齐是中心的。

感谢,

回答:

在你的例子来看,下面的CSS工作适合我在IE8,FF,Chrome浏览器。

label, select, button { 

vertical-align: middle;

}

更新:我检查出来的IE7,如果你不设置这些线路的高度和高度的东西的选择,它工作正常。唯一的问题是,你无法改变IE7中选择的高度,因为在我看来。

UPDATE2:这是怎么了你的更新#2小提琴显示我在IE7:

以上是 如何设置像标签或跨度这样的内联对象的垂直对齐方式,设置文本对齐等于IE7-8的中心? 的全部内容, 来源链接: utcz.com/qa/261286.html

回到顶部