CSS覆盖换行上的行高

前端之家收集整理的这篇文章主要介绍了CSS覆盖换行上的行高前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个链接到一个相当狭窄的框的列表;足够狭窄的一些链接来包装.

line-height设置为30px,这对于非包装链接是很好的;然而,对于文本长度足以强制换行的链接,也应用30px的行高,因此使其看起来好像有2个链接,而不仅仅是链接文本的延续.

我想以某种方式(没有js或中间件结束计算字符串长度),以获得包装的链接文本具有10px左右的线高度,以给出连续而不分离的视觉印象

谢谢

解决方法

线高应该设置线之间的间距(特别是当它们包装时).你可能正在寻找的是li对象的边际.如果您将线高设置为您想要的较小值,当线条换行并将边距设置为您想要的项目之间的值时,应该很好.

看看这是否符合您的要求:

li {
    padding: 10px 0 0 0;
    margin: 30px 0;
    line-height: 10px;
}

猜你在找的CSS相关文章