1. 程式人生 > >塊級元素和行內元素的區別

塊級元素和行內元素的區別

ack 內聯 pan 的區別 spa wid 改變 其他 pad

塊級元素:

1、總是在新行上開始;

2、高度,行高以及外邊距和內邊距都可控制

3、寬度缺省是它的容器的100%,除非設定一個寬度;

4、它可以容納內聯元素和其他塊元素

行內元素:

1、和其他元素都在一行上;

2、高,行高及外邊距和內邊距不可改變;

3、寬度就是它的文字或圖片的寬度,不可改變 內聯元素只能容納文本或者其他內聯元素

4、對行內元素,需要註意如下:

   設置寬度width 無效。 設置高度height 無效,可以通過line-height來設置。

   設置margin 只有左右margin有效,上下無效。

   設置padding 只有左右padding有效,上下則無效。註意元素範圍是增大了,但是對元素周圍的內容是沒影響的。

塊級元素和行內元素的區別