1、block: 會獨占一行,多個元素會另起一行,可以設置width、height、margin和padding屬性;
2、inline: 元素不會獨占一行,設置width、height屬性無效。但可以設置水平方向的margin和padding屬性,不能設置垂直方向的padding和margin;
3、inline-block: 將對象設置為inline對象,但對象的內容作為block對象呈現,之后的內聯對象會被排列在同一行內。
對于行內元素和塊級元素,其特點如下:
1、行內元素
設置寬高無效;可以設置水平方向的margin和padding屬性,不能設置垂直方向的padding和margin;不會自動換行;
2、塊級元素
可以設置寬高;設置margin和padding都有效;可以自動換行;多個塊狀,默認排列從上到下。