css - 没有额外的 CSS 类的多个行高

Question

有没有办法在无序列表中拥有多个行高？看下面的例子，正常的 li 有 25px 的行高，但是一旦句子变得太长，它就会分裂成与之前定义的相同的行高。

http://i46.tinypic.com/w1pdhi.jpg

一旦句子变得太长，我希望行高为 16px，而不必为 li 提供额外的 CSS 类。

提前致谢！

Answer 1

line-height为每个列表项赋予相同的法线并将 amargin-bottom应用于它们以在彼此之间创建空间

Jsbin示例

Answer 2

您不能使行高动态地依赖于li单行与多行的元素渲染。您可以li使用类标记多行元素，但多行通常应动态取决于可用宽度，而不是静态指定。

另一方面，我认为您真正要寻找的是一种设置列表项之间垂直间距的方法。为此，您只需使用line-height适合多行项目的设置来设置垂直边距或填充。