消除文本行之间的差距

Question

当您增加元素的行高时,您开始在每行文本之间获得间隙.大多数时候这很好,因为你没有看到具体的差距.

但是当你有一个狭窄的列,并且链接在多行上运行时,这是有问题的.如果将鼠标移到链接上,则线条之间会有一个小间隙,这会使链接悬停效果闪烁.

从设计/可用性的角度来看,我觉得这会带来糟糕的用户体验(没有人喜欢随机闪烁).试试吧:

Lorem ipsum dolor坐下来,精致的adipistur elit.在est.Nunc aliquam,eros a aliquam consequat,ante diam rutrum risus,et dignissim ligula turpis et ante.Maecenas leo neque,euismod in,aliquam et,molestie ac,ligula.整数知识分子.Pellentesque enim.Maecenas aliquet,在molestie sodales的tortor,urna velit pulvinar lorem,ac malesuada nibh turpis eu tortor.

我可以在链接中添加一些填充以防止在某些情况下发生这种情况,但是当文本较大时它不起作用; 我需要更多填充.有人有解决方案的想法吗？

Answer 1

尝试通过<a>在该窄列中为您的元素设置display:block来修复闪烁问题.