Question

我有一个奇怪的问题，要么我不知道 是如何工作的，要么我在这里遗漏了一些东西。我的段落的行高为24px。我希望文本之间有一个换行符（空行），但是当我使用 标签时，根据paint.net创建一个空格太大（36像素）的空行，那么我做错了什么？ / p>

断行是否应该与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>

这是css：

p {
  line-height: 24px;
}

以下是演示：http://contestlancer.com/greenFields/?page_id=41 发生这个词之后看看空间。

艾哈迈尔。

Answer 1

对我来说似乎完全没问题......如果你摆脱了 之一，我测量了“促进”的f和“辅导”的C之间的距离为13px。如果我再次将其重新插入，则为37px。

37px - 13px = 24px = the line-height you set = everything is okay;）

（通过Greenshot测量;））

因此，如果您对 的高度不满意，您应该为您的css添加一个特殊条件：

br
{
    line-height: <desired_value>;
}

PS：所以为了进一步澄清，line-height与两行中两个字母之间的空格不一样......

Answer 2

您可以通过此技术删除该行间距。

br{
    display: block;
    height: 0;
}

demo

Answer 3

 标记用于换行符。如果要以这种方式查看，可以使用CSS line-height属性来控制行之间的距离。

对于行之间的距离较大，最好每行都使用标记，您可以在其中控制高度。

   jsfiddle.net/efortis/f6ju2/

为什么<br/>元素的高度高于行高

3 个答案: