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

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

捕获:

【问题讨论】:

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

标签: html css flexbox


【解决方案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 字段可能有一些最小宽度,这就是按钮向左移动的原因。

    【讨论】:

      猜你喜欢
      • 2022-01-12
      • 1970-01-01
      • 2019-11-13
      • 1970-01-01
      • 2022-10-01
      • 1970-01-01
      • 2017-06-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多