html中图片两行三列显示代码怎么写

在HTML中，图片的显示方式有很多种，本文讲解如何将图片显示为两行三列的布局。

<div>
  <img src="image1.jpg" alt="image1">
  <img src="image2.jpg" alt="image2">
  <img src="image3.jpg" alt="image3">
</div>

<div>
  <img src="image4.jpg" alt="image4">
  <img src="image5.jpg" alt="image5">
  <img src="image6.jpg" alt="image6">
</div>

以上代码中，使用div标签将6个img标签包裹起来，然后在CSS中设置div标签的显示方式为弹性盒子布局，即可将图片显示为两行三列。

div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

img {
  max-width: 100%;
  height: auto;
  margin: 10px;
}

在CSS中，设置div标签的display属性为flex，使其成为弹性盒子，同时使用flex-wrap属性将图片自动换行，justify-content属性设置水平居中对齐。img标签的max-width为100%，确保图片在容器内占据合适的位置，避免拉伸变形，同时设定margin属性，增加图片之间的间隔。

通过以上代码，可在HTML中轻松实现两行三列图片的布局。