在网页中文章段落一般我们用html
标签进行分段。搜集整理这篇文章只是因为某一个网站因为p标签使用,却在不同浏览器下有着不同的效果,为了尽最大可能地保持同一效果,特简单整理了一下文章。使用html的P标签上一段文章与下一段文章中间就会产生距离,如何控制P与P之间间距呢?
一、line-height行高
我们对line-height的值设置越大,段落间距将会增大,同时字与字行距也会增加,不推荐用此line-height样式设置。
css代码:
p{line-height:22px}
可以推荐使用padding设置段落上下间距。通过设置上下内补白,内距离即可实现p段落上下间距设置。
css代码:
p{padding:10px 0}
CSS段落间距调整之margin实现上下段落之间间距距离样式设置,我们知道margin是设置上下左右对象与对象之间距离设置,这里段落也可以使用此css样式实现间距。
css代码:
p{margin:10px 0}
四、段落间距总结
网站文章分段,一般使用html p标签,而对分段间距设置我们推荐使用padding和margin实现,这样可轻松调间距距离,实现段与段之间距离排版美化。
위 내용은 html中P标签段落与CSS段落间距距离调整의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!