Html 使用flex自调整布局

* { 边界：无； 字体系列：monospace； } html，正文{高度：100%；} 身体{ 显示器：flex； 对齐项目：居中； 填充：10px； } .集装箱{ 背景：eee； 盒影：0 10px 30px-10px rgba0,0,0,45； 保证金：自动； 宽度：500px； 填充：30px20px20px； } /*主要css从这里开始*/ .行{ 显示器：flex； 边际下限：10px } 输入{ 弹性：1； 填充：2x10px； 左边距：10px； 边框：带点的1个bbb； 边界半径：20px； 背景：FEFE } 嘿，耶！ 你好吗 我很好

---

正如Niet指出的，使用display:table

* { 边界：无； 字体系列：monospace； } html，正文{高度：100%；} 身体{ 显示器：flex； 对齐项目：居中； 填充：10px； } .集装箱{ 显示：表格； 背景：eee； 盒影：0 10px 30px-10px rgba0,0,0,45； 保证金：自动； 填充：30px20px20px； } /*主要css从这里开始*/ .行{ 显示：表格行； 边际下限：10px } 标签{ 显示：表格单元格； 填充物：5px； } 输入{ 填充：2x10px； 左边距：10px； 边框：带点的1个bbb； 边界半径：20px； 背景：FEFE } 嘿，耶！ 你好吗 我很好

---

无法使用flexbox完成-flex项只能与同一行上的项相关，而不能与其他行上的项相关。如果您希望所有标签的宽度相同，则需要手动设置。您正在查找display:table。@NiettheDarkAbsol您可以发布一个示例吗？@adam实际上我必须使用的字体是默认的OS字体。在不同的操作系统上，默认字体会发生更改。在Ubuntu上，默认字体是Ubuntu，它比Robotomy linux发行版的默认字体宽很多。如果我必须手动设置，我就不能将所有操作系统都设置为目标。布局会在某些操作系统上中断。@ArshadKhan-然后正如Niet所说的，使用display:table-它能完全满足您的需要。为什么标签比内容宽度宽？标签+10px填充？我希望它们完全等于contentWidth+padding/margin。@ArshadKhan-您的codenope输入的10px上有一个左边距。我不认为这是因为左边距@ArshadKhan边距不适用于表格单元格。您必须包装标签和输入才能使用它。@LGSon好的，但我想知道为什么标签元素会占用额外的空白。它并不完全等于第二个标签最宽元素的宽度。保证金现在不是问题。