塊級元素和內聯元素

塊級元素(block)

1.默認獨佔一行(默認換行)

2.沒有設置寬度時,默認撐滿一行

3.支持所有的CSS命令


內聯元素(inline)

1.同行可以繼續跟同類標籤(只要寬度允許不會換行)

2.內容撐開寬度

3.不支持寬和高

4.支持上下的margin和padding

5.代碼換行被解析成半個字符串寬度的空白間距


塊級內聯元素(inline-block)

1.塊在一行顯示

2.行內屬性標籤支持寬高

3.沒有寬度的時候內容撐開寬度

問題:

4.代碼換行被解析成半個字符串寬度的空白間距

5.IE6 IE7不支持塊級內聯元素(inline-block)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章