CSS控制圖片排版的方法

在CSS中，我們可以使用多種方法來控制圖片的排版，如果想要讓兩個圖片并排在一起，可以使用以下幾種方法：

1、使用float屬性

通過給圖片元素添加float屬性，可以讓圖片浮動在左側或右側，從而實現(xiàn)并排排版。

img {
  float: left;
}

2、使用display屬性

設置圖片元素的display屬性為inline-block，可以讓圖片像文字一樣排列。

img {
  display: inline-block;
}

3、使用flex布局

通過給父元素添加flex布局，可以讓子元素（圖片）在水平方向上排列。

.parent {
  display: flex;
}
.child {
  width: 50%; /* 寬度根據需要設置 */
}

4、使用grid布局

通過給父元素添加grid布局，也可以讓子元素（圖片）在水平方向上排列。

.parent {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 兩列布局 */
}
.child {
  width: 100%; /* 寬度根據需要設置 */
}

方法都可以實現(xiàn)圖片的并排排版，具體使用哪種方法取決于你的需求和布局需求。