html - 在 UL LI 中垂直对齐？

Question

<ul>
    <li class="more">aaa</li>
    <li class="moretwo">aaa</li>
    <li class="more">aaa</li>
</ul>

.more {
  background-color: red;
  height: 50px;
  vertical-align:middle;
}

.moretwo {
  background-color: green;
  height: 50px;
  vertical-align:sub;
}

为什么在此示例中垂直对齐不起作用？可以制作吗？如果是，我该怎么做？

实例: http://jsfiddle.net/gQM68/用你的答案

Answer 1

文本相对于它的行高对齐，所以你要么通过增加行高然后应用垂直对齐

或

使用内边距

您可以查看此链接以供引用

http://jsfiddle.net/gQM68/2/

或

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp