css行间距怎么设置

html-css019

css行间距怎么设置,第1张

CSS指的是层叠样式表,可以用CSS来修改网页的格式。下面,我们来看看css行间距怎么设置吧。

01

输入代码

在<body>主体中输入两行文字,如下图所示:

02

然后再用<br/>分段,如下图所示:

03

再输入type样式表,主要是用来放CSS代码内容的,如下图所示:

04

输入CSS内容

然后再输入CSS内容,即可看到行间距变化,如下图所示:

总代码

<style type="text/css">

body{font-size:12ptline-height:3}

</style>

</head>

<body>

<body>

hello world 01 <br/>

hello world 02

</body>

直接给这段文字 加上行高就行了,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>