多行高 - 没有额外的css类

Question

有没有办法在无序列表中有多个行高？请参阅下面的示例，正​​常li的行高为25px，但一旦句子变得太长，它将分割成与之前定义的行高相同。

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

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

提前致谢！

Answer 1

为每个列表项提供相同的正常line-height并对其应用margin-bottom以在彼此之间创建空间

Jsbin example

Answer 2

您不能动态地依赖于一行上的li元素与多行的呈现动态线高度。您可以使用类标记多行li元素，但多行应通常动态依赖于可用宽度，而不是静态指定。

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