如何使div自动换行到下一行

Question

我正在为热点系统创建HTML凭证模板，并且需要以下内容。

我想并排打印两张优惠券，然后换行到下一张优惠券的下一行，问题是生成代码的系统不能让我自由地为每张优惠券分配不同的类，所以css需要自动处理它。关于如何做到这一点的任何想法？

Answer 1

只需为您的凭证设置静态高度和宽度并显示：inline-block。它们将根据自身相对于容器的大小进行换行。

    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);

    NSString *documentsDirectory = [paths objectAtIndex:0];

    _filePaths = [[NSFileManager defaultManager] subpathsOfDirectoryAtPath:documentsDirectory  error:nil];

    //do sorting after all file contents are fetched

#container {
  display: block;
  width: 250px;
  position: relative;
  border: solid 1px green;
}
.voucher {
  display: inline-block;
  position: relative;
  width: 110px;
  height: 110px;
  margin: 3px;
  border: solid 1px red;
}