0

我遇到了一个奇怪的问题,要么我不知道如何<br/>工作,要么我在这里遗漏了一些东西。我的段落的行高为 24px。我想在文本之间有一个换行符(空行),但是当我使用<br/>标签时,它会根据paint.net创建一个空间太大(36像素)的空行,所以我做错了什么?

换行符不应该与 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 查看单词后的空格。

艾哈迈尔。

4

3 回答 3

3

对我来说似乎非常好......如果你摆脱<br>我测量的“促进”的sf和“咨询”的C之间的距离之一13px。如果我再把它放回去,它就是37px

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

(通过 Greenshot 进行测量;))

所以如果你对你的身高不满意,<br>你应该为你的css添加一个特殊的条件:

br
{
    line-height: <desired_value>;
}

PS:所以要进一步澄清,line-height与两行中两个字母之间的空格不一样...

于 2013-09-26T07:42:20.420 回答
0

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

br{
    display: block;
    height: 0;
}

演示

于 2013-09-26T07:38:30.650 回答
0

<br />标签用于换行符。如果您想以这种方式查看,可以使用 CSS line-height 属性来控制线之间的距离。

对于线之间的大距离,最好<p>为每条线使用标签,您可以在其中控制高度。

   jsfiddle.net/efortis/f6ju2/
于 2013-09-26T07:41:55.943 回答