如何使用div+css樣式設(shè)置p段落之間的上下間距，需要設(shè)置哪些樣式來(lái)控制

之間行距距離呢？css行高怎么寫等問(wèn)題，讓大家徹底掌握div css p行距行高樣式。

DIVCSS5為大家介紹如何通過(guò)CSS樣式設(shè)置p段落上下行距，而p是文章段落標(biāo)簽，控制p段落行距的css div屬性有：

1、css line-height

2、margin

3、padding

因?yàn)閜之間上下距離實(shí)現(xiàn)使用margin樣式和padding決定，而line-height也有一定關(guān)系。接下來(lái)DIVCSS5通過(guò)實(shí)例方法為大家介紹p段落之間行距，通過(guò)css實(shí)例掌握對(duì)p行距設(shè)置。

css+div案例描述，為了觀察到效果，我們?cè)O(shè)置四個(gè)DIV 盒子對(duì)象，分別里面加入p段落，同時(shí)對(duì)p段落設(shè)置不同的行距觀察他們效果，提供效果找出規(guī)律從而掌握css設(shè)置p行距。

命名分別為".divcss5-a"、".divcss5-b"、".divcss5-c"、".divcss5-d"

在p段落標(biāo)簽?zāi)J(rèn)樣式中，padding的值默認(rèn)為0。同時(shí)DIVCSS5對(duì)p文字line-height設(shè)置為20px

案例一、對(duì)margin上下設(shè)置為0 ? - ? TOP

1、完整css+div html代碼如下：

html>

p行距實(shí)例?在線演示?DIVCSS5

p{?line-height:20px}

.divcss5-a?p{?margin:0?auto}

第一段

第二段
第二段第二行

第三段

總結(jié)

以上是生活随笔為你收集整理的HTML5自动换行的间距设置,div css p段落行高行距怎么设置篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。