Ich habe zwei enthalten Jetzt möchte ich, dass das letzte Element in jeder Zeile Wie beziehe ich diese的行，每行都有
display: flex;，每个行中都包含几个子项目。在下面的示例中，您可以看到在第一行中有2个项目（绿色的盒子标记为“item”），它们的比例为
6/3。在第二行中有4个项目，它们的比例为2/2/2/3.
flex: 3;）能够完美对齐，除非我添加一个gap: X px;hat.
gap，以便具有相同宽度的项目根据它们的flexEigenschaftsausrichtung in die Berechnung ein? Oder vereinfachen Sie es grafisch im folgenden Codeausschnitt: Wie richte ich den roten Rand aus?.flex { height: 50px; display: flex; gap: 20px; // <- 破坏我的布局的罪魁祸首 } .item { background-color: green; outline: 1px solid black; display: flex; justify-content: center; align-items: center; } .item-2 { flex: 2; } .item-3 { flex: 3; } .item-6 { flex: 6; }
item item item item item item
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
php入门教程之一周学会PHP
4208838
JAVA 初级入门视频教程
2360690
多种可能的解决方案之一是在另一个弹性div中包裹一些项目。
请参见下面的代码，其中包含类
flex-item：.flex { height: 50px; display: flex; gap: 20px; // <- 破坏我的布局的罪魁祸首 } .item { background-color: green; outline: 1px solid black; display: flex; justify-content: center; align-items: center; } .item-2 { flex: 2; } .item-3 { flex: 3; } .item-6 { flex: 6; } .flex-item { display: flex; gap: 20px; justify-content: center; }