CSS中，我們可以使用display屬性來設(shè)置HTML元素的盒模型類型。其中，行內(nèi)元素和塊級元素分別對應(yīng)行內(nèi)盒和塊狀盒。
在CSS中，我們可以使用display屬性將行級元素設(shè)置為塊級元素，或?qū)K級元素設(shè)置為行級元素。這樣做可以改變元素的盒模型類型，使其更加符合我們的設(shè)計需求。
例如，我們可以將一個段落元素
<p>設(shè)置為塊級元素，這樣它就會在頁面上顯示為一個獨(dú)立的塊，與其他元素隔開：
p {
display: block;
}同樣的，我們也可以將一個塊級元素，比如
標(biāo)簽，設(shè)置為行級元素，使其與其他行級元素在同一行上顯示：
div {
display: inline;
}除了行內(nèi)盒和塊狀盒，還有一種盒模型類型是行塊盒（inline-block），它既具有行內(nèi)元素的特性，又能像塊狀元素一樣設(shè)置寬高和內(nèi)邊距，因此常用于制作響應(yīng)式布局和網(wǎng)格系統(tǒng)。
使用CSS將元素設(shè)置為行塊盒非常簡單，只需要將display屬性設(shè)置為inline-block即可：
img {
display: inline-block;
width: 200px;
height: 150px;
padding: 10px;
}上面的代碼將一個img元素設(shè)置為行塊盒并設(shè)置了寬高和內(nèi)邊距，使它在頁面上顯示為一個有邊框的獨(dú)立盒子。
在日常的CSS布局中，行塊盒是一個非常有用的特性，它可以讓我們更加靈活地控制頁面元素的排列和布局。