如何使用Flexbox调整表格单元格取决于最长的单元格

Question

我正在用flexbox实现表布局，但遇到了一个问题。如果我使用table标签，调整单元格宽度很容易，但使用Flexbox，就不容易了。请告诉我如何根据最长的标签调整单元格宽度，我应该使用table标签而不是flexbox吗？

表：

| id    | text        |
| ----- | ----------- |
| 3     | lorem lorem |
| 43432 | lorem lorem |

Flexbox:

| id | text        |
| -- | ----------- |
| 3  | lorem lorem |
| 43432 | lorem lorem |

提前谢谢。

Answer 1

根据您的问题，我理解您显示的是表格数据。在这种情况下，您有两个选项

1. 响应式布局？使用divs和display:table|table-row|table-cell
2. 所有设备都使用相同的表？使用经典的<table>、<tr>、<td>

Flexbox用于布局。它应该根据"单元格"内容进行调整。它适用于流动的线性内容。