Html 表格，输入框位置

我在试图弄清楚如何将一个输入/标签放在另一个输入/标签旁边时遇到了问题，而其他所有内容都是垂直对齐的

我想邮政编码+输入框右侧的省+选择。有人知道怎么了吗

这是我到目前为止所拥有的

HTML:

---

在我看来，有很多浮动资产。 然后，需要使用display:flex定位表单

我会用这样的方法来做

<ol>
  <li>name</li>
  <li>surnema/li>
  <div class="postal">
    <li>province</li>
    <li>postal</li>
  </div>
  <li>...</li>
</ol>

---

关于

最简单的解决方案是浮动省和邮政的

li

集装箱：

.form--province, .form--postal {float:left;}

---

另一方面，我会重新考虑您使用的

ol

和associate

li

。邮政或地址元素的自然分组元素是标记，但

li

是列表元素的唯一有效子元素。

请注意，flex存在一些浏览器支持问题：。IE是有缺陷的，不存在于IE9及更早版本。而且

div

不是

ol

<ol>
  <li>name</li>
  <li>surnema/li>
  <div class="postal">
    <li>province</li>
    <li>postal</li>
  </div>
  <li>...</li>
</ol>

display:flex; 
justify-content: space-between;

.form--province, .form--postal {float:left;}