flex div中的按钮减半答案

【问题标题】：Button in flex div cut in halfflex div中的按钮减半
【发布时间】：2017-10-12 23:57:34
【问题描述】：

我正在处理一个联系表格，我给它的 div display:flex。
它的所有字段都正确显示并调整大小，但提交按钮总是被切成两半。
其他字段不应该具有相同的行为吗？

捕获：

【问题讨论】：

stackoverflow.com/help/mcve
请给我们代码，您是否将flex 的属性分配给具有display:flex 的父组件的子组件？
我没有要显示的代码，我正在使用 Divi 和 wordpress，我唯一添加的想法是在表单本身中添加 display:flex;：
form.et_pb_contact_form { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }跨度>

【解决方案1】：

尝试做这样的事情。

.child {
  width: 500px;
  margin: 10px;
  height: 30px;
  border: 1px solid black;
}

<div style="display:flex; border:1px solid black">
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
  <div class="child">
  </div>
</div>

【讨论】：

【解决方案2】：

我更愿意为每个控件添加一个父类，select 字段可能有一些最小宽度，这就是按钮向左移动的原因。

【讨论】：