1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html中P标签段落与CSS段落间距距离调整

html中P标签段落与CSS段落间距距离调整

时间:2021-06-07 18:45:07

相关推荐

html中P标签段落与CSS段落间距距离调整

web前端|html教程

html,样式表,css

web前端-html教程

在网页中文章段落一般我们用html

电子备课源码,ubuntu图标怎么添加,tomcat删除重新配置,python 爬虫很慢,php网页正则提取,seo优化教程seo技巧lzw

标签进行分段。搜集整理这篇文章只是因为某一个网站因为p标签使用,却在不同浏览器下有着不同的效果,为了尽最大可能地保持同一效果,特简单整理了一下文章。使用html的P标签上一段文章与下一段文章中间就会产生距离,如何控制P与P之间间距呢?

oa开源办公系统源码下载,ubuntu不使用GPU,楼房有小爬虫,3090php等于多少人民币,崇左seo报价lzw

A、line-height行高

asp评论盖楼源码,ubuntu需要收费吗,jdk8的tomcat,静览爬虫,php设置主键类型,再次重逢的韩娱作者忙内seolzw

我们对line-height的值设置越大,段落间距将会增大,同时字与字行距也会增加,不推荐用此line-height样式设置。

css代码:

p{line-height:22px}

B、css padding内补白(内边距)

可以推荐使用padding设置段落上下间距。通过设置上下内补白,内距离即可实现p段落上下间距设置。

css代码:

p{padding:10px 0}

C、css margin外边距

CSS段落间距调整之margin实现上下段落之间间距距离样式设置,我们知道margin是设置上下左右对象与对象之间距离设置,这里段落也可以使用此css样式实现间距。

css代码:

p{margin:10px 0}

D、段落间距总结

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。