導讀:建站問題建站問題1.解釋一下display的幾個常用的屬性值，inline ， block， inline-block inline: 使元素變成行內元素，擁有行內元素的特性，建設網站公司公司網站建設。

1.解釋一下display的幾個常用的屬性值，inline ， block， inline-block inline: 使元素變成行內元素，擁有行內元素的特性，即可以與其他行內元素共享一行，不會獨占一行. 不能更改元素的height，width的值，大小由內容撐開. 可以使用padding，margin的left […]

1.解釋一下display的幾個常用的屬性值，inline ， block， inline-block

• inline:
• 使元素變成行內元素，擁有行內元素的特性，即可以與其他行內元素共享一行，不會獨占一行.
• 不能更改元素的height，width的值，大小由內容撐開.
• 可以使用padding，margin的left和right產生邊距效果，但是top和bottom就不行.
• block:
• 使元素變成塊級元素，獨占一行，在不設置自己的寬度的情況下，塊級元素會默認填滿父級元素的寬度.
• 能夠改變元素的height，width的值. 
• 可以設置padding，margin的各個屬性值，top，left，bottom，right都能夠產生邊距效果.
•  inline-block:
• 結合了inline與block的一些特點，結合了上述inline的第1個特點和block的第2,3個特點.
• 用通俗的話講，就是不獨占一行的塊級元素。如圖:

圖一: 圖二：

兩個圖可以看出，display：inline-block后塊級元素能夠在同一行顯示，有人這說不就像浮動一樣嗎。沒錯，dispseo網站優化培訓lay：inline-block的效果幾乎和浮動一樣，但也有不同，接下來講一下inline-block和浮動的比較。

關鍵詞標簽: 布局 標簽