在CSS中，要使三個(gè)盒子水平對(duì)齊，可以使用多種方法，以下是一種簡(jiǎn)單有效的方法：

1、使用Flex布局：將三個(gè)盒子放入一個(gè)使用Flex布局的容器中，F(xiàn)lex布局可以自動(dòng)計(jì)算每個(gè)盒子的寬度，并將其設(shè)置為相等，從而實(shí)現(xiàn)水平對(duì)齊。

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

<div class="flex-container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS樣式：

.flex-container {
  display: flex;
  justify-content: space-between; /* 可選，用于在盒子之間添加空間 */
}
.box {
  width: 33.33%; /* 將每個(gè)盒子的寬度設(shè)置為容器寬度的三分之一 */
  text-align: center; /* 可選，用于在盒子內(nèi)部垂直對(duì)齊文本 */
}

2、使用CSS Grid布局：CSS Grid布局也支持將多個(gè)盒子水平對(duì)齊，你可以創(chuàng)建一個(gè)grid容器，并將每個(gè)盒子放入一個(gè)grid單元中。

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

<div class="grid-container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS樣式：

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 創(chuàng)建三個(gè)等寬的列 */
}
.box {
  text-align: center; /* 可選，用于在盒子內(nèi)部垂直對(duì)齊文本 */
}

3、使用float屬性：雖然float屬性主要用于使元素浮動(dòng)到容器的邊緣，但它也可以用來(lái)使多個(gè)盒子水平對(duì)齊，你需要為容器設(shè)置寬度，并為每個(gè)盒子設(shè)置float屬性。

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

<div class="float-container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS樣式：

.float-container {
  width: 300px; /* 設(shè)置容器的寬度 */
}
.box {
  float: left; /* 將每個(gè)盒子浮動(dòng)到左側(cè) */
  width: 33.33%; /* 將每個(gè)盒子的寬度設(shè)置為容器寬度的三分之一 */
  text-align: center; /* 可選，用于在盒子內(nèi)部垂直對(duì)齊文本 */
}

在使用float屬性時(shí)，可能需要清除浮動(dòng)，以防止對(duì)其他元素造成影響，可以使用clear屬性來(lái)清除浮動(dòng)。clear: both;。