當(dāng)前位置:
首頁 >
CSS使用display:incline:元素放置在一行之内
發(fā)布時間:2024/9/19
80
豆豆
生活随笔
收集整理的這篇文章主要介紹了
CSS使用display:incline:元素放置在一行之内
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
概念解析
- 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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 野李子能吃吗?
- 下一篇: CSS3的background-size