Html CSS 3在一行中布局3列

我有一行，其中3列并排填充，就像。问题是，当我选择一个json节点时，它将通过添加一个额外的div来填充树路径。因此，我的表有点像

以下是我的HTML和CSS代码：

.Row
{
显示：表格；
宽度：100%；
高度：500px；
表布局：固定；/*可选*/
边框间距：10px；/*可选*/
}
.栏目
{
显示：表格单元格；
高度：400px；
位置：静态；
}
.jsoneditor-outer.has-nav-bar{
高度：500px；
}
json编辑器{
高度：500px；
}

---

使用以下命令更改上述CSS代码：

.Row
{
    display: flex;
    width: 100%; 
    min-height: 500px;
    justify-content: stretch;
}
.Column {
    min-height: 400px;
    width: 33.3%;
}
.jsoneditor-outer.has-nav-bar {
    min-height: 500px;
}
json-editor{
    min-height: 500px;
}

---

希望它能起作用

使用以下命令更改上述CSS代码：

.Row
{
    display: flex;
    width: 100%; 
    min-height: 500px;
    justify-content: stretch;
}
.Column {
    min-height: 400px;
    width: 33.3%;
}
.jsoneditor-outer.has-nav-bar {
    min-height: 500px;
}
json-editor{
    min-height: 500px;
}

---

希望它能起作用

你必须在没有工作代码的情况下提供工作代码我无法解决你的问题你必须在没有工作代码的情况下提供工作代码我无法解决你的问题