什么是行內(nèi)塊元素?

我們都知道行內(nèi)元素和塊級(jí)元素,在實(shí)際開(kāi)發(fā)中,經(jīng)常會(huì)聽(tīng)到行內(nèi)塊元素,那么什么是行內(nèi)塊元素呢?

行內(nèi)塊元素實(shí)際就是把塊元素以行的形式展現(xiàn),保留了塊元素可以設(shè)置的對(duì)應(yīng)CSS屬性。

CSS有個(gè)屬性叫做display,其取值可以為inline-block。W3CSchool中說(shuō)display屬性規(guī)定元素應(yīng)該生成的框的類(lèi)型。那么inline-block這個(gè)行內(nèi)塊元素與行內(nèi)元素和塊級(jí)元素有什么區(qū)別呢?

也就是通過(guò)設(shè)置display屬性的值,決定一個(gè)元素是塊級(jí)元素還是行內(nèi)元素還是行內(nèi)塊元素。

塊級(jí)元素:block

行內(nèi)元素:inline

行內(nèi)塊元素:inline-block

塊級(jí)元素和行內(nèi)元素,大家已經(jīng)了解了,那么如何使用行內(nèi)塊元素呢?行內(nèi)快元素既有行內(nèi)元素的特點(diǎn)也有塊級(jí)元素的特點(diǎn)

1.可以改變寬高(塊級(jí)元素特點(diǎn))

2.不獨(dú)立成行(行內(nèi)元素特點(diǎn))

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容