Html 为什么<;br>;元素的高度大于线条高度

Html 为什么<;br>;元素的高度大于线条高度,html,css,Html,Css,我遇到了一个奇怪的问题,要么我不知道是如何工作的,要么我在这里遗漏了一些东西。我的段落的行高为24px。我想在文本之间有一个换行符(空行),但根据paint.net,当我使用标记时,它会创建一个空行,空间太大(36 px),所以我做错了什么 换行符不应该和line height属性具有相同的高度吗?如果是,为什么不起作用?如果不是,解决方案是什么 <p> Greenfields Counselling and Psychotherapy is a counselling pra

我遇到了一个奇怪的问题,要么我不知道

是如何工作的,要么我在这里遗漏了一些东西。我的段落的行高为24px。我想在文本之间有一个换行符(空行),但根据paint.net,当我使用

标记时,它会创建一个空行,空间太大(36 px),所以我做错了什么

换行符不应该和line height属性具有相同的高度吗?如果是,为什么不起作用?如果不是,解决方案是什么

<p>
   Greenfields Counselling and Psychotherapy is a counselling practice that lives and works out of the principles for counselling and psychotherapy as set down by Carl Rogers.
  <br/>
  <br/>
  Counselling at Greenfields is strictly confidential and we understand that this can be a difficult time for you.
</p>
以下是演示: 看单词发生后的空格


Ahmar。

您可以使用此技术删除该行高度间距

br{
    display: block;
    height: 0;
}

您可以使用此技术删除该行高度间距

br{
    display: block;
    height: 0;
}

标签用于换行符。如果希望这样看,可以使用CSS line height属性来控制线之间的距离

对于线间距较大的情况,最好对每一行使用
标记,这样可以控制高度

   jsfiddle.net/efortis/f6ju2/


标记用于换行符。如果希望这样看,可以使用CSS line height属性来控制线之间的距离

对于线间距较大的情况,最好对每一行使用
标记,这样可以控制高度

   jsfiddle.net/efortis/f6ju2/

对我来说似乎很好。。。如果你去掉其中一个

s,我测得“促进”的f和“咨询”的C之间的距离为
13px
。如果我再把它放回去,它是
37px

37px-13px=24px=您设置的行高=一切正常
;)

(通过Greenshot进行测量;))

因此,如果您对

的高度不满意,您应该在css中添加一个特殊条件:

br
{
    line-height: <desired_value>;
}
br
{
线高:;
}

PS:为了进一步澄清,
行高
与两行中两个字母之间的间距不同……

对我来说似乎很好。。。如果你去掉其中一个

s,我测得“促进”的f和“咨询”的C之间的距离为
13px
。如果我再把它放回去,它是
37px

37px-13px=24px=您设置的行高=一切正常
;)

(通过Greenshot进行测量;))

因此,如果您对

的高度不满意,您应该在css中添加一个特殊条件:

br
{
    line-height: <desired_value>;
}
br
{
线高:;
}

PS:为了进一步澄清,
行高
与两行中两个字母之间的间距不一样…

无关:请不要只是链接到一个页面让我们在那里查看问题,将示例代码
写进你的帖子
,因为一旦你在网站上解决了这个问题(希望很快),这个问题对其他人来说将变得毫无用处。好的,现在添加代码@DrCopyPaste更好。不,JSFIDLE是一个很好的添加剂,但是FIDLE可能会被删除,或者在某个时候不可用;)无关:请不要只是链接到一个页面,让我们在那里查看问题,在你的帖子中写下示例代码
,因为一旦你在你的网站上解决了这个问题(希望很快),这个问题对其他人来说就没用了。好吧,现在添加代码@DrCopyPaste更好。不是这样,jsfiddle是一个很好的补充,但小提琴可能会被删除或在某个时候不可用;)