Html 努力垂直对齐项目框的边框？

是否可以使flex子对象垂直对齐

范例

在这种情况下，左边的softwaredevelopment框应该增加一点，以便上面的react与下面的react对齐。网络、软件等等也是如此。。？显然，下面图片中方框的轻微错位有点令人讨厌。。。

flexbox是否存在与我描述的相同的属性

解决方案应该是动态的

Flexbox非常适合于水平布局控制，但不是设计用于处理垂直布局的。考虑CSS网格，用JavaScript触摸这样的布局。一旦我们决定了第7列的数量，在本例中，我们可以添加一点JavaScript，根据文本长度决定列的跨度。这是一个简单的原型，但可以进一步开发以处理边缘案例规则

让listItems=document.querySelectorAll.grid li； listItems.forEachitem=>{ const len=item.innerText.length； 如果长度>15&&len<20{ 项。类列表。添加“span-2”； }否则，如果len>=20{ 项。类列表。添加“span-3”； }//等等。 }; .电网{ 显示：网格； 网格模板列：repeat7，1fr； 网格自动行：1fr； 保证金：0； 填充：0； 列表样式：无； } 李先生{ 文本对齐：居中； 边框：.5px实心； 显示器：flex； 对齐项目：居中； 证明内容：中心； 字体大小：100%； 填充：.35em； } .span-2{ 格构柱：跨度2； } .全宽{ 网格柱：1/-1； } 全部展示 python NodeJS 反应 网状物 软件 反应 网络开发者 软件开发 反应 疯狂的开发者 网状物 反应 软件开发

---

你能添加你的HTML和CSS吗？flexbox不能这样做-它是一个1D布局-更新的CSS网格将帮助你，使用它检查下面的答案之一。。。