html中离右侧得距离怎么写,css段落间怎么设置距离？

css段落间怎么设置距离？下面本篇文章就来给大家介绍一下使用CSS设置段落距离的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

1、使用line-height属性设置

line-height 属性设置行间的距离(行高)。不允许使用负值。

line-height属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

示例：

.p1{

line-height: 50px;

}

测试文本！

测试文本！

测试文本！

测试文本！

2、使用css padding内边距

padding属性可以设置元素所有内边距的宽度，或者设置各边上内边距的宽度。

行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。.p1{

padding:10px 0;

}

3、css margin外边距

margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。.p1{

margin:10px 0;

}

总结：

文章分段，一般使用html p标签，而对分段间距设置我们推荐使用padding和margin实现，这样可轻松调间距距离，实现段与段之间距离排版美化。

更多CSS相关知识，可访问 CSS教程 ！！