本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
设置方法:1、使用line-height属性设置,语法“line-height:高度值”;2、使用padding设置段落上下间距,语法“padding:间距值 0”;3、使用margin设置上下段落间距,语法“margin:间距值 0”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
通过CSS设置上下段落之间距离常见有三种方法,分别如下:
一、line-height行高
我们对line-height的值设置越大,段落间距将会增大,同时字与字行距也会增加,不推荐用此line-height样式设置段落间距距离。为了观察效果,我们分别设置CSS line-height为20px与50px对比观察效果。
关键CSS代码:p{line-height:22px}
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
二、css padding内补白(内边距)
推荐使用padding设置段落上下间距。通过设置上下内补白,内距离即可实现p段落上下间距设置。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
|
三、css margin外边距
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者