CSS中讓子div橫向平鋪的方法

在CSS中，我們可以使用多種方法讓子div橫向平鋪，以下是一些常見的方法：

1、使用float屬性

我們可以將子div的float屬性設置為left或right，使它們分別向左或向右浮動，我們可以使用margin屬性來調整它們之間的間距。

.parent {
  width: 100%;
}
.child {
  float: left;
  margin-right: 10px;
}

2、使用flex布局

我們可以將父div的display屬性設置為flex，并使用justify-content屬性來控制子div之間的對齊方式。

.parent {
  display: flex;
  justify-content: flex-start;
}
.child {
  margin-right: 10px;
}

3、使用grid布局

我們可以將父div的display屬性設置為grid，并使用grid-template-columns屬性來定義子div的寬度和間距。

.parent {
  display: grid;
  grid-template-columns: 1fr 10px 1fr;
}

是一些常見的讓子div橫向平鋪的方法，你可以根據(jù)自己的需求選擇適合的方法。