CSS中的
元素是一種非常常見的HTML標簽，它通常用于布局和排版。
在CSS中，我們可以使用display屬性來控制
元素的呈現方式。其中，display: inline-block或display: inline是比較常見的方式，可以讓多個
元素在同一行上橫向排列。
.container {
width: 100%;
height: 200px;
}
.box {
width: calc(33.33% - 10px);
height: 100%;
display: inline-block; /* 或 display: inline; */
margin-right: 10px;
background-color: #ccc;
}
.box:last-child {
margin-right: 0;
}上面的代碼展示了如何在CSS中實現
元素的橫向排列。我們首先定義一個容器元素，它的寬度為100%、高度為200px。接下來，我們在容器中添加三個
元素，并通過計算寬度以及設置display屬性讓它們在同一行上橫向排列。
需要注意的是，我們在每個
元素的樣式中添加了margin-right屬性，并將其設置為10px。這是為了在每個
元素之間保留一定的距離。同時，我們還需要在最后一個
元素的樣式中將margin-right屬性設置為0，以避免出現多余的空白距離。
以上就是關于CSS中
元素橫向排列的介紹，希望能對你有所幫助！