概念解析

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

效果展示

?

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的CSS使用display:incline：元素放置在一行之内的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。