CSS中可以使用flex布局來實(shí)現(xiàn)將寬度分成三份的功能，以下是一個(gè)示例代碼：

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

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

CSS樣式：

.container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.item {
  width: 33.33%;
  text-align: center;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為container的div，并將其設(shè)置為flex布局，我們將justify-content屬性設(shè)置為space-between，以確保三個(gè)項(xiàng)目在容器中均勻分布，我們將每個(gè)item的寬度設(shè)置為33.33%，這將使每個(gè)項(xiàng)目占據(jù)容器寬度的三分之一，我們使用text-align: center;將文本居中顯示。

通過這種方法，我們可以輕松地將寬度分成三份，并在每個(gè)項(xiàng)目中添加所需的樣式和內(nèi)容。