我們都知道行內(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))