導(dǎo)讀:建站問題建站問題1.解釋一下display的幾個常用的屬性值，inline ， block， inline-block inline: 使元素變成行內(nèi)元素，擁有行內(nèi)元素的特性，建設(shè)網(wǎng)站公司公司網(wǎng)站建設(shè)。

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

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

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

圖一: 圖二：

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

關(guān)鍵詞標(biāo)簽: 布局 標(biāo)簽