Question

css IE下设置height line-height 中英文行高不同

想让内容垂直对设置height line-height均为28px，在谷歌浏览器中是正常的。可是到了IE浏览器下中文就往上飘。
谷歌浏览器表现如下

IE





Answer 1

IE当在一个容器里文字和img、input、textarea、select、object 等元素相连的时候，对这个容器设置的line-height数值会失效。
解决问题思路：使容器里面的文字、img、input、textarea、 select、object（ie6只是支持文字）之间有间距，并且是他们是居中的，那就只有模拟line-height属性了，说道这大家也就知道解决方案了。
解决的办法就是对和文字相连接的img、input、textarea、select、object等元素加以属性margin: (所属line-height-自身高度)/2px 0（实现了上下的间距）;vertical-align:middle（让他们居中）。

—— 【仙】墨纸