Css 当线条高度不起作用时,如何降低线条高度?

Css 当线条高度不起作用时,如何降低线条高度?,css,Css,我正在尝试将中“Works”下左上角块的跨度中的摘要文本的行距更改为单间距(不,我不是Alexander Wales,只是一个随机粉丝)。文本在两行之间有一个相当大的间距,看起来是两倍的间距 行高:正常!重要信息不执行任何操作。从我有限的css经验来看,这应该是有效的 在正文中注释两个线的高度会使间距更好,但我不知道为什么 如果你知道这个问题的答案,我也会对你是如何得到这个答案很感兴趣。与常规代码不同,当我遇到CSS问题时,我不知道如何调试它们,除了在谷歌上搜索和反复尝试随机的东西,直到它工作为

我正在尝试将中“Works”下左上角块的跨度中的摘要文本的行距更改为单间距(不,我不是Alexander Wales,只是一个随机粉丝)。文本在两行之间有一个相当大的间距,看起来是两倍的间距

行高:正常!重要信息
不执行任何操作。从我有限的css经验来看,这应该是有效的

在正文中注释两个线的高度会使间距更好,但我不知道为什么

如果你知道这个问题的答案,我也会对你是如何得到这个答案很感兴趣。与常规代码不同,当我遇到CSS问题时,我不知道如何调试它们,除了在谷歌上搜索和反复尝试随机的东西,直到它工作为止

如果我没有很好地描述它,那么所讨论的元素的Xpath是:/html/body/div[1]/main/div/div/div/div/div/section[3]/div/div/div/div/div[1]/div/div/section/div/div/div/div/div[2]/div/span


它说“一个在他最好的朋友死后挣扎的少年发现自己进入了一个梦幻世界——一个似乎融合了他们曾经一起玩过的每一个地下城和龙战役的世界。”

似乎在你的div元素上有一个行高属性,类为“elementor widget container”(从主体中输入了一些值),我在devtools上删除了该值,线条高度看起来更小


我通常检查父组件属性以查找可能“泄漏”的内容。

类为“elementor widget container”的div元素上似乎有一个line height属性(从主体中输入的某个值),我在devtools中删除了该属性,而line height看起来更小


我是如何做到的?我通常检查父组件属性以查找可能“泄漏”的内容通过。

在chrome开发工具中,当选择某个元素时,会有一个计算选项卡。您可以使用该选项卡查看特定样式如何应用于某个元素以及从何处来。您可以查看该元素的每个部分并禁用它们,以查看样式的来源以及如何更好地覆盖它们

在这种情况下,您所要做的就是将行高度应用于该跨度的父级div.elementor-widget-container,然后该组件将具有与其关联的行高度


在chrome开发工具中,当选择某个元素时,会有一个“计算”选项卡。您可以使用该选项卡查看某个特定样式是如何应用于某个元素的,以及从何处应用的。您可以浏览其中的每个部分并禁用它们,以查看样式的来源以及如何更好地覆盖它们

在这种情况下,您所要做的就是将行高度应用于该跨度的父级div.elementor-widget-container,然后该组件将具有与其关联的行高度

我正在尝试将跨度中摘要文本的行距更改为单间距

‎ 跨度有
显示:内联
,线条高度

我认为这个想法是,如果你在一个文本块中有一个内联元素,CSS规范假设你不希望有一行的行高与其他行不同,因此它不允许你设置行高

lorem ipsum。 这是一个很好的解释 非流动性外汇 电子消费品

如果第二行的行高与其他行不同,那就很奇怪了

重要提示:对于内联元素,行距不是唯一不起作用的因素

如果你知道这个问题的答案,我也会很感兴趣你是如何得到这个答案的。与普通的代码不同,当我遇到CSS问题时,我不知道如何调试它们,除了在谷歌上搜索和尝试一些随机的东西直到它起作用

当一个评论者试图回答这个问题时,我在谷歌上搜索了更多,最终找到了关于内联元素的stackoverflow答案。如果我以后遇到问题,我应该添加我遇到问题的html元素。例如,“跨距线高度不起作用”谷歌搜索查询会在第二个结果中回答我的问题。因此,不幸的是,这种策略基本上仍然是“谷歌搜索并尝试随机的东西”,但公平地说,你可以说调试就是这样。或者,如果你想让人喜欢的话,你可以说“研究并尝试有根据的猜测”

我正在尝试将跨度中摘要文本的行距更改为单间距

‎ 跨度有
显示:内联
,线条高度

我认为这个想法是,如果你在一个文本块中有一个内联元素,CSS规范假设你不希望有一行的行高与其他行不同,因此它不允许你设置行高

lorem ipsum。 这是一个很好的解释 非流动性外汇 电子消费品

如果第二行的行高与其他行不同,那就很奇怪了

重要提示:对于内联元素,行距不是唯一不起作用的因素

如果你知道这个问题的答案,我也会很感兴趣你是如何得到这个答案的。与普通的代码不同,当我遇到CSS问题时,我不知道如何调试它们,除了在谷歌上搜索和尝试一些随机的东西直到它起作用

当一个评论者试图回答这个问题时,我在谷歌上搜索了更多,最终找到了关于内联元素的stackoverflow答案。如果我以后遇到问题,我应该添加我遇到问题的html元素。例如,“跨距线高度不起作用”谷歌搜索查询会在第二个结果中回答我的问题。因此,不幸的是,这种策略基本上仍然是“谷歌搜索并尝试随机的东西”,但公平地说,你可以说这相当多