當(dāng)我們需要讓元素在同一行顯示時(shí)，常常會(huì)用到CSS里的一些屬性和技巧。

首先，我們可以使用display: inline-block;來讓元素呈現(xiàn)行內(nèi)塊狀。這個(gè)屬性能讓元素保留塊狀元素的特點(diǎn)，同時(shí)又像行內(nèi)元素一樣排列。

.box {
display: inline-block;
}

如果我們需要在一行放置多個(gè)inline-block元素，但是它們會(huì)因?yàn)槎嘤嗟目崭窕蛘邠Q行符而存在行間隙，可以使用以下代碼移除它們：

.container {
font-size: 0;
} 
.box {
display: inline-block;
width: 100px;
height: 100px;
background-color: blue;
margin: 10px;
}
/* 重置字體大小 */
.container p {
font-size: 16px;
}

另一種讓元素在同一行的方法是使用float屬性。當(dāng)你為元素設(shè)置float: left;時(shí)，元素會(huì)向左浮動(dòng)并排列，直到遇到上一個(gè)浮動(dòng)元素或父容器的邊緣。

.box {
float: left;
}

最后，我們可以添加white-space: nowrap;讓文本在一行內(nèi)顯示，不會(huì)折行。這個(gè)屬性也適用于inline-block元素。

.box {
white-space: nowrap;
}