CSS設(shè)置3列等大小的方法

在CSS中，我們可以使用Flex布局來實(shí)現(xiàn)3列等大小的效果，以下是一個簡單的示例代碼：

HTML結(jié)構(gòu)：

<div class="container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
</div>

CSS樣式：

.container {
  display: flex;
  justify-content: space-between;
}
.column {
  flex: 1;
  text-align: center;
}

在這個示例中，我們創(chuàng)建了一個包含3個列的容器，通過使用display: flex屬性，我們將容器設(shè)置為Flex布局。justify-content: space-between屬性確保列之間的空間均勻分布，我們給每個列設(shè)置flex: 1屬性，這將使每個列的大小相等，我們使用text-align: center屬性將文本居中顯示。

你可以根據(jù)需要調(diào)整這個示例代碼，例如添加邊框、背景色等樣式，但基本的原理是：使用Flex布局和flex: 1屬性來實(shí)現(xiàn)3列等大小的效果。