css - 无序列表的对齐 "symbol"

Question

您可以在这里查看问题:http://jsfiddle.net/gkJAd/4/

我有一个无序列表，其中每个 li 的最大高度为 2.25em(我希望它最多为 2 行)。列表类型应该正常显示，在外面，在第一行对齐。我尝试了一些关于它的问题:

• 如果我将隐藏、高度等代码添加到 li 而不是 a，圆盘就会消失；
• 如果我将 a 更改为 display: block 而不是 display: inline-block，它在 Firefox 上正确显示，但在任何地方都显示错误否则；
• 如果我将 a 更改为 display: inline 它会将圆盘放在正确的位置，但是，由于它不再是一个 block ，因此高度将被忽略.有人有解决方案吗？

太阳

Answer 1

您需要做的就是将 vertical-align: top 添加到您的 ul li a 选择器代码中。

已更新 JSFiddle .在 FF、Chrome 和 IE8/9 中工作。