Html 如何使用CSS中的flex制作2列布局？

目前我有一个包含两列的flex布局。但问题是，我需要将左列的宽度设置为存在的最大宽度左列的宽度。我该怎么做

p{
显示器：flex；
显示：-ms flexbox；
线高：2；
调整项目：灵活启动；
位置：相对位置；
}

测试1
内容1


测试测试
内容测试


测试2
内容1


测试蓝光
abc

在HTML中：

<div class="row">
    <div class="column"></div>
    <div class="column"></div>
</div>

---

Bootstrap（4）通过使用行和列类名解决了这个问题。

这是一个CSS表格布局，而不是flexbox布局：

.table{
显示：表格；
}
.表p{
显示：表格行；
线高：2；
}
.表p跨度{
显示：表格单元格；
}

测试1
内容1


测试测试
内容测试


测试2
内容1


测试蓝光
abc

如果需要固定左列的宽度，可以使用

flex grow:1使右列增长位于右列。这将填补左列未占用的剩余空间。您最初的问题似乎与您作为示例提供的代码不匹配。也许可以提供一个链接，指向你想要的结果的工作演示，或者多花几分钟将你的问题的文本精炼得更清楚？非常感谢！现在，当我在p中添加填充底部时，填充进入p@Mr.Jo您需要将它添加到span，no p，因为它现在是一个表行。在语义上，将实际表用于表格布局不是更好吗？这可能取决于数据，但我觉得值得一提。@noymouscoward我会避免使用
table
，以便在需要时更改布局。实际上它是表格，但我们可以在小屏幕上决定其他内容。所以从语义上讲，它可能并不总是一个表
.row {
    display: flex;
}

.column {
    flex: 50%;
}