CSS怎么讓div打橫？
CSS可以很輕松地處理頁面元素的布局，使您的頁面看起來更好。要使用CSS讓div打橫，只需編寫幾行代碼即可。
首先，我們需要用HTML創建一個包含兩個div元素的容器。代碼如下：

<div class="container">
<div class="box box1"></div>
<div class="box box2"></div>
</div>

現在我們需要使用CSS來讓這些div元素顯示為橫向排列。我們可以使用以下代碼：

.container {
display: flex;
}
.box {
width: 50px;
height: 50px;
}
.box1 {
background-color: #FF5733;
}
.box2 {
background-color: #7FFF00;
}

以上示例中，我們使用CSS中的“display:flex”屬性來告訴容器元素成為一個Flex容器。接下來，我們為“box”類元素設置寬度和高度，并為每個元素指定一個顏色。現在，這些元素應該橫向排列，顯示為兩個正方形方塊。
如果您想要更多的控制選項，例如調整元素之間的距離，您可以使用其他Flexbox屬性。一些常用的屬性如下：

.container {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.box {
flex: 0 0 auto;
}

在這個例子中，我們使用“justify-content:center”屬性來在容器中心定位行內元素。我們還使用“align-items:center”屬性將所有元素垂直居中對齊。最后，我們使用“gap:20px”屬性來為元素之間設置20px的間隔。
現在，您完成了CSS讓div打橫的簡單教程。在設計網站時，這是一個非常有用的工具，可以使您更加靈活地控制頁面布局和外觀。