gpt4 book ai didi

css - 消除文本行之间的间隙

转载 作者:技术小花猫 更新时间:2023-10-29 11:19:19 27 4
gpt4 key购买 nike

当您增加元素的行高时,每行文本之间就会开始出现间隙。大多数时候这很好,因为您看不到具体的差距。

但是当您的列很窄且链接跨越多行时,就会出现问题。如果将鼠标移到链接上,线条之间会有一个小间隙,这会使链接悬停效果闪烁。

从设计/可用性的 Angular 来看,我觉得这会导致糟糕的用户体验(没有人喜欢随机闪烁)。试试这个:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In 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. Integer venenatis. Pellentesque enim. Maecenas aliquet, tortor at molestie sodales, urna velit pulvinar lorem, ac malesuada nibh turpis eu tortor.

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

最佳答案

尝试通过为您的 <a> 设置 display:block 来解决您的闪烁问题。该窄列中的元素。

关于css - 消除文本行之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/738907/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com