定义一个固定盒子，不显示滚动条，里面无论传多少图片都能排列显示，外层盒子不变

您可以使用CSS的flexbox布局来实现这个需求。通过设置flex-wrap属性实现图片的自动换行，并通过设置外层盒子的overflow属性为hidden来隐藏滚动条。以下是一个示例代码：

HTML:

<div class="container">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
<img src="image4.jpg">
<img src="image5.jpg">
<img src="image6.jpg">
</div>

CSS:

.container {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}

.container img {
flex-basis: 33.33%;
padding: 5px;
box-sizing: border-box;
}
这样设置之后，不管里面传多少图片都可以自动排列显示，外层盒子也不会发生变化并且不会显示滚动条。

相关问题

横轴超出不显示滚动条 横轴超出部分超出盒子显示

要实现横轴超出部分超出盒子显示，而不显示横向滚动条，可以使用CSS的overflow-x属性。你可以将retrospect-box-left的overflow-x属性设置为visible，这样当内容超出容器宽度时，超出部分会显示在容器外部，而不会出现横向滚动条。

具体代码如下：

.retrospect-box-left {
  overflow-x: visible;
}

将这段代码添加到你的CSS样式中即可。这样当retrospect-box-left中的内容超出容器宽度时，超出部分会显示在容器外部，而不会出现横向滚动条。同时，垂直滚动条仍然会根据需要显示。

angular实现一个未知数量图片渲染到一个盒子里面，如果图片数量过多，支持滚动条形势展示，可以定义图片显示的行与列数

可以使用Angular的ngFor指令来循环渲染未知数量的图片，并在样式中设置盒子的最大高度和溢出属性来实现滚动条的显示。关于行与列数的定义，可以在样式中使用flex布局来实现，具体实现方案如下：

HTML代码：

<div class="image-container">
  <div class="image-row" *ngFor="let url of imageUrlList; let i = index;">
    <img [src]="url" alt="Image {{i + 1}}">
  </div>
</div>

CSS代码：

.image-container {
  display: flex;
  flex-wrap: wrap;
  max-height: 500px;
  overflow-y: auto;
}

.image-row {
  display: flex;
  flex: 1 1 25%;
  justify-content: center;
  align-items: center;
}

.image-row img {
  max-width: 100%;
  max-height: 100%;
}

其中，image-container为盒子元素，设置了最大高度和溢出属性；image-row为图片行元素，使用flex布局，并设置了每行显示4个图片（即flex: 1 1 25%）。img则设置了图片的最大宽高，保证图片能够按比例缩放并占据整个单元格。