css上下间距怎么调-木庄网络博客

2022-03-18 20:32:11 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

调整方法：1、使用line-height属性，可以设置行间的距离；2、使用margin-top和margin-bottom属性，可以设置上下外边距；3、使用padding-top和padding-bottom属性，可以设置上下内边距。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、line-height设置段落上下间距

设置p标签上下间距css代码

1	`p{` `line-height:30px}`

2、margin-top和margin-bottom设置段落上下间距

1	`p{margin-top:10px;margin-bottom:10px}`

经由对p标签设置margin-top和margin-bottom，从而来设置段落上下间距。

margin-top可以设置元素的顶部外边距，margin-bottom可以设置元素的底部外边距。

3、padding-top和padding-bottom设置段落上下间距

1	`p{padding-top:10px;padding-bottom:10px}`

padding-top可以设置元素的顶部内边距，padding-bottom可以设置元素的底部内边距。

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者