我有一个链接到一个相当狭窄的框的列表;足够狭窄的一些链接来包装.
line-height设置为30px,这对于非包装链接是很好的;然而,对于文本长度足以强制换行的链接,也应用30px的行高,因此使其看起来好像有2个链接,而不仅仅是链接文本的延续.
我想以某种方式(没有js或中间件结束计算字符串长度),以获得包装的链接文本具有10px左右的线高度,以给出连续而不分离的视觉印象
谢谢
解决方法
线高应该设置线之间的间距(特别是当它们包装时).你可能正在寻找的是li对象的边际.如果您将线高设置为您想要的较小值,当线条换行并将边距设置为您想要的项目之间的值时,应该很好.
看看这是否符合您的要求:
li { padding: 10px 0 0 0; margin: 30px 0; line-height: 10px; }