如何将此基于表格的布局转换为使用基于css的布局的语义html？

Question

在上图中，大多数html都是语义的，使用css来管理它的外观。尽管我付出了最大的努力，但我还是不得不求助于使用一个表来获得正确的段以保持它的位置，并允许其内部元素在屏幕变得太大时流畅地包裹，如下所示：

我知道，如果表格仅用于“表格数据”，那是更好的选择，但我从未找到一种强制元素在不使用表格的情况下执行此操作的好方法。有人解决了这个问题吗？

Answer 1

你尝试过使用list-items吗？通常在创建菜单元素时，最好使用UL-＆gt; LI而不是span或div

Answer 2

您应该能够设置它的宽度。如果没有看到你这样做的确切方式，这很难做到，因为CSS依赖于父级大小等。

我也会查看CSS属性min-width。