平均分布的CSS怎么寫？

在CSS中，平均分布可以通過多種方式實(shí)現(xiàn)，其中***常見的是使用flexbox布局，下面是一個(gè)簡單的示例，展示如何在CSS中實(shí)現(xiàn)平均分布：

1、創(chuàng)建一個(gè)包含多個(gè)子元素的容器元素。

2、將容器元素的display屬性設(shè)置為flex。

3、使用justify-content屬性將子元素在容器內(nèi)平均分布。

下面是一個(gè)具體的HTML和CSS示例：

HTML:

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
</div>

CSS:

.container {
  display: flex;
  justify-content: space-between;
}
.item {
  width: 20%; /* 寬度可以根據(jù)需要調(diào)整 */
  margin: 10px; /* 間距可以根據(jù)需要調(diào)整 */
}

在這個(gè)示例中，容器元素使用flex布局，子元素通過justify-content屬性平均分布在容器內(nèi)，每個(gè)子元素的寬度設(shè)置為20%，并添加了10px的邊距，您可以根據(jù)需要調(diào)整這些數(shù)值。