CSS控制照片排版的方法

在CSS中，我們可以使用多種方法來控制照片的排版，包括讓照片橫著排，以下是一些常用的方法：

1、使用CSS的float屬性

float屬性可以讓元素浮動到左側(cè)或右側(cè)，從而改變元素的排列方向，我們可以將照片設(shè)置為浮動到左側(cè)或右側(cè)，來實現(xiàn)照片的橫向排列。

img {
  float: left;
}

2、使用CSS的display屬性

display屬性可以改變元素的顯示方式，我們可以將照片設(shè)置為inline-block或block，來實現(xiàn)照片的橫向排列。

img {
  display: inline-block;
}

3、使用CSS的flex布局

flex布局是一種靈活的布局方式，可以輕松地實現(xiàn)照片的橫向排列，我們可以將照片所在的容器設(shè)置為flex布局，并將照片設(shè)置為flex-item。

.container {
  display: flex;
}
img {
  flex: 1;
}

4、使用CSS的grid布局

grid布局是一種二維布局方式，也可以輕松地實現(xiàn)照片的橫向排列，我們可以將照片所在的容器設(shè)置為grid布局，并將照片設(shè)置為grid-item。

.container {
  display: grid;
}
img {
  grid: 1/span 1;
}

是一些常用的CSS方法來實現(xiàn)照片的橫向排列，我們可以根據(jù)具體的需求和場景來選擇合適的方法。