html - 将其他 div 拉伸(stretch)到最宽的那个的宽度

Question

我需要构建一个包含页眉、页脚和简单表单的页面。我需要表单元素与提交按钮具有相同的宽度，但我无法静态设置宽度，因为页面需要多语言，因此我不知道按钮的大小。

有什么方法可以让按钮的宽度动态变化并将其他 div(输入)拉伸(stretch)到相同的宽度？我想我可以使用 Javascript，但我想知道这是否可以仅通过 CSS 解决。

我还需要将表单居中，并且我正在使用 Bootstrap(如果有帮助的话)。

Answer 1

是的，看看这个:https://jsfiddle.net/7y3ska30/基本上为输入分配这种样式

input{
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    box-sizing: border-box;
}