垂直对齐永远不会响应

Question

vertical-align是我长期努力解决的一个问题。我知道在大多数浏览器中，vertical-align css属性为buggy。

大多数情况下，我们可以使用display：table-cell来修复，因为vertical-align对于表是理想的，IE不会对此做出响应。

但是，我们是否还有其他垂直对齐的备用修补程序。

这是我想要修复的例子。 http://jsfiddle.net/gviswanathan/5rVJ3/

Answer 1

如果vertical-align无法帮助您达到所需的结果，可以尝试在div块中使用bottom-margin。

<div style="margin-bottom: ?px">

在哪里？必要时可以是+ ve或-ve值

Answer 2

使用line-height将是一个很好的替代..但是，这取决于你在应用它...它会在你的情况下工作..检查小提琴，添加height,width,line-height

http://jsfiddle.net/mvivekc/R4Y4s/2/

Answer 3

您可以在ul上使用负底边距修复此问题。这是一个有效的例子：http://jsfiddle.net/5rVJ3/13/

更改的代码：

.w ul, .w li {
    list-style : none;
    margin: 0 0 -7px 0;
    padding: 0;
}