HTML5自动换行的间距设置,div css p段落行高行距怎么设置篇
如何使用div+css樣式設置p段落之間的上下間距,需要設置哪些樣式來控制
之間行距距離呢?css行高怎么寫等問題,讓大家徹底掌握div css p行距行高樣式。
DIVCSS5為大家介紹如何通過CSS樣式設置p段落上下行距,而p是文章段落標簽,控制p段落行距的css div屬性有:
1、css line-height
2、margin
3、padding
因為p之間上下距離實現使用margin樣式和padding決定,而line-height也有一定關系。接下來DIVCSS5通過實例方法為大家介紹p段落之間行距,通過css實例掌握對p行距設置。
css+div案例描述,為了觀察到效果,我們設置四個DIV 盒子對象,分別里面加入p段落,同時對p段落設置不同的行距觀察他們效果,提供效果找出規律從而掌握css設置p行距。
命名分別為".divcss5-a"、".divcss5-b"、".divcss5-c"、".divcss5-d"
在p段落標簽默認樣式中,padding的值默認為0。同時DIVCSS5對p文字line-height設置為20px
案例一、對margin上下設置為0 ? - ? TOP
1、完整css+div html代碼如下:
html>
p行距實例?在線演示?DIVCSS5p{?line-height:20px}
.divcss5-a?p{?margin:0?auto}
第一段
第二段
第二段第二行
第三段
總結
以上是生活随笔為你收集整理的HTML5自动换行的间距设置,div css p段落行高行距怎么设置篇的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 详情页面,折线图
- 下一篇: 图解HTTP(读书笔记01)