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

标签 css line extra

有没有办法在无序列表中有多个行高?看下面的例子,普通的 li 有 25px 的行高,但是一旦句子变得太长,它就会按照之前定义的相同行高拆分。

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

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

提前致谢!

最佳答案

为每个列表项提供相同的正常 line-height 并为它们应用 margin-bottom 以在彼此之间留出空间

Jsbin example

关于css - 没有额外的 css 类的多个行高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16054482/

相关文章:

C# 绘制多条线

html - 使用html和css绘制动态线条

css - Chrome -- CSS -- 额外间距

html - 当鼠标悬停在其他对象上时,CSS 列表消失

css - 使用CSS在图像上定位链接

javascript - 在动态元素上设置背景图像

memory - 缓存行如何工作?

php - 如何将图像添加到 Codeigniter 中的分页按钮

c - 在c中删除额外的小数位