html图片排列布局下面字_div+css图片列表布局（一）

可以使用以下代码实现该布局：

<div class="container">
  <div class="image-wrapper">
    <img src="image1.jpg">
    <img src="image2.jpg">
    <img src="image3.jpg">
  </div>
  <div class="text-wrapper">
    <div class="text">这是文字</div>
    <div class="image-list">
      <div class="image-item"><img src="image4.jpg"></div>
      <div class="image-item"><img src="image5.jpg"></div>
      <div class="image-item"><img src="image6.jpg"></div>
    </div>
  </div>
</div>

.container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.image-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.image-wrapper img {
  margin: 0 10px;
}

.text-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.text {
  font-size: 24px;
  font-weight: bold;
}

.image-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
}

.image-item {
  margin: 0 10px;
}

这里使用了 `flex` 布局。`.container` 设置为 `flex` 容器，并且设置了主轴方向为水平方向，垂直居中。`.image-wrapper` 和 `.text-wrapper` 设置为 `flex` 容器，分别用于放置图片和文字，`.image-list` 用于放置图片列表。具体的样式设置可以根据需求进行调整。