Question

我有1000多个设计，并且随着时间的推移，设计不断增加。

我要并排显示200 * 200尺寸的图像，并在到达终点时开始显示下一行。

这是我的代码。

import os

for root, dirs, files in os.walk('path\\to\\folder'):
    print(root)
    print(dirs)
    print(files)
    for file in files:
       os.remove(file)

我正在尝试使用ngFor Link

以几乎相同的方式但以响应方式完成更多工作

如何使用Flex Layout做到这一点？

Answer 1

这对我有用

  <div
  class="container"
  fxLayout="row wrap"
  fxLayoutAlign="center"
  fxLayoutGap.xs="0" >

  <div class="item" fxFlex="10%" *ngFor="let design of designs">
    <div style="padding:5px">
      <div fxLayoutAlign="center">
        <img
          width="120"
          height="120"
          data-bind="attr: { src: thumbnail }" />
      </div>
      <div fxLayoutAlign="center">
        {{ design.name }}
      </div>
      <div fxLayoutAlign="center">
        {{ design.code }}
      </div>
    </div>
  </div>
</div>

Angular Material和Flex布局-设置并排和多行响应图像

1 个答案: