怎么用CSS定义BR和P标签的高度?换行太窄了

html-css011

怎么用CSS定义BR和P标签的高度?换行太窄了,第1张

直接给这段文字 加上行高就行了,BR也会应用行高,

比如:

<div style="line-height:30px">

这里的文字行高为30,就算是br也会应用为30

</div>

<br/>标签是用来制造一个换行的,有了<br/>标签,在chrome下位于<br/>标签之前和之后的元素之前就会存在一个换行,这个换行是不占任何距离的(如果两边都不是块元素),就和你平时看到的段落没有什么区别,仅仅是起到一个换行的作用.然而2个换行是会产生出一条空白行的(因为换了2行),也就是你所谓的chrome下多出来了一行.可是你可能会问了,我只打了一个<br/>没有打2个<br/>啊?

答案就是你应该在这个<br/>的前面或者后面跟了一个块元素(他的display为block,也就是会默认提供一个换行),由于块元素本身会换行,再加上一个br就会使得出现多余的一行.既然你不想有多余的一行删掉br标签就是了,或者直接给br标签的display设置为inline或者none.

以下代码在chrome下查看没有发现任何你所谓的br出现高度,用chrome的审查元素审查,给出的br高度为0:

<html>

<body>

heihei<br/>标签是用来制造一个换行的,有了<br/>标签,在chrome下位于<br/>标签之前和之后的元素之前就会存在一个换行这个换行是不占任何距离的

</body>

</html>

如果你不定义每行的高度。不同浏览器的br高度都不同。现在哪有做网页不定义行高的?都会定义行高的。比如你定义行高是100%像素,而你的字体大小是10px。那br就是10px。

懂了吧。

你可以截图,然后量一下。不过我劝你不用这么做,因为不同浏览器显示不一样,就算是ie不同的版本都有不同的高度。所以用css限制行高是必须的。