html设置段距的方法:1、使用line-height属性,可以设置单行文本的段距,语法“line-height:值;”。2、使用margin属性,可以设置多行文本的段距,语法l q + r“margin:间距值;( o # c s K 6”。+ P f ] h % * ) P

本教程操x n r , y ? R e作环境:X o G z A Jwindo& I ! 6 J :ws7系统、CSS3&` 7 ^ i j X&HTMg G A O x xL5版、Dell G3电脑。

1、使用行高属性:line-height

ld n f 3 E s I bine-height属性可以对设置段落之间的距离,一般数值越大,段落之间的间F n ^ g 6 L +距就越大,当然字和字的距离也是变大,很多时候,我们一般不会使用line-height属性来设置。

<!DOCTYPE html>
<html>
<head>
<meta charset="utfK . (-8">} X n a P x #;
<style type="text/css">
p {
line-height: 50px;
}
&) T k \ ilt;/style>
</head>
<4 5 c k f ) m 1body>
<p>测试文本,测试文本,测试文本,测试文本,! l # ~ E L Q & `测试文本</p>
<p>测试文本L H @ a 2 . c e I,测试文本,测试文本,测试文本,测试文本</p>
</body>
</html>M T ! [ Z ` 6 + e

效果图:

1.png

2、使用外边距属性:marginc p ? 3 R ! m +

只要我们设置margin的上下左右边距和对象之间的距离,就可以实现上下段落之间的距离。

<!DOCTYPE html>
<L ( 0;html>
<head>
<meta charset="utf-8">U \ O p N q . & 5
<stylV E ` Xe type="text/css">
p {
margin: 50px;
}
</style>
</head>
<body>
<p>测试文U z M本,测试文本,测试文本,测试文本,测试文本</p>
<p>测试文本,测试文本,测试文本,测试文本,测试文本</p>
</body>
</hR L utml>

1.png

推荐教程:《html视频教程》

以上就是html怎么设置段距的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明{ % i { T本文原创发布& D i ; p ? Q ]php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin1 = M H@php.cn处理

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注