css – Fragen zum Flex-Layout

Question

Der Code, den ich für das Flex-Layout verwende, ist wie folgt:
.cszgroup-ul{ display: flex; flex-wrap: wrap; padding-bottom: 5px;}
.cszgroup- ul li{ width: 31%; margin-bottom: 10px;}
Das Ergebnis sieht so aus:

Meine Frage ist: Wie kann ich den roten Linienrahmenteil der zweiten Reihe nach links ausrichten

Answer 1

没试, 但是我想到了一个简单的办法? 在倒数第二的位置加一个占位的p, 将它的visibility设置为hidden, 如何?

Answer 2

cszgroup-ul {
  justify-content: flex-start;
}

Answer 3

如果你那些li不是动态加载进来的，有个笨办法，写一个空的li，撑起来。

Answer 4

没有什么好办法，添加额外的li来占位，等这里的li渲染完了再动态地添加额外节点占位。

Answer 5

最后一个给他margin-left:auto;