CSS中有一個(gè)叫做行內(nèi)塊級(jí)元素的概念，這種元素在布局上比較靈活，可以讓元素在同一行內(nèi)并排顯示，同時(shí)又具有塊級(jí)元素的屬性，比如可以設(shè)置寬度、高度及內(nèi)外邊距等。

display: inline-block;

對(duì)于一些比較小的元素，并不需要使用塊級(jí)元素或者浮動(dòng)來布局，而是可以用行內(nèi)塊級(jí)元素來實(shí)現(xiàn)。比如制作一個(gè)按鈕，可以使用一個(gè)帶有寬高的行內(nèi)塊級(jí)元素來實(shí)現(xiàn)，如下：

<button style="display: inline-block; width: 100px; height: 30px; padding: 5px;">Click me!</button>

通過設(shè)置樣式屬性display為inline-block，按鈕元素就變成了行內(nèi)塊級(jí)元素，同時(shí)又保留了塊級(jí)元素的屬性，比如可以設(shè)置寬度、高度及內(nèi)外邊距等。