块级元素和行内元素的区别
生活随笔
收集整理的這篇文章主要介紹了
块级元素和行内元素的区别
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
? 塊級元素和行內元素的區(qū)別:
?? 1、塊級元素會獨占一行,其寬度自動填滿其父元素寬度
? ? ? ? 行內元素不會獨占一行,相鄰的行內元素會排列在同一行里,知道一行排不下,才會換行,其寬度隨元素的內容 ? ? ? ? 而變化
? ?2、 塊級元素可以設置 width, height屬性,行內元素設置width, ?height無效
? ? ? ? ?【注意:塊級元素即使設置了寬度,仍然是獨占一行的】
? ?3 、塊級元素可以設置margin 和 padding. ?行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產(chǎn)生邊距效果,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產(chǎn)生邊距效果。
記憶方法: (順序)
1 、占位:
2、寬高:
3、邊距:
總結
以上是生活随笔為你收集整理的块级元素和行内元素的区别的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 为何我国轰6轰炸机,总受到美国高度关注
- 下一篇: 两艘国产航母疑将同时造