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