html - 如何将三个选择标记保持在一行中？

在此示例中，我在月份日期和年份中使用了三个选择标记，但是我需要在一行中使用它们。我尝试了display: inline-block;，但没有任何改变。

<form name="c_month">
  <select name="cars">
    <option name="o1" value="1">January</option>
    <option name="o2" value="2">February</option>
    <option name="o3" value="3">March</option>
    <option name="o4" value="4">April</option>
  </select>
  </form></span>
  <form name="c_date">
  <select name="cars">
    <option name="o1" value="1">1</option>
    <option name="o2" value="2">2</option>
    <option name="o3" value="3">3</option>
    <option name="o4" value="4">4</option>
  </select>
  </form>
  <form name="c_year">
  <select name="cars">
    <option name="o1" value="2018">2018</option>
    <option name="o2" value="2017">2017</option>
    <option name="o3" value="2016">2016</option>
    <option name="o4" value="2015">2015</option>
  </select>
</form>

最佳答案

我建议将它们全部包装在一个form元素中。

<form>
  <select name="cars">
    <option name="o1" value="1">January</option>
    <option name="o2" value="2">February</option>
    <option name="o3" value="3">March</option>
    <option name="o4" value="4">April</option>
  </select>
  <select name="cars">
    <option name="o1" value="1">1</option>
    <option name="o2" value="2">2</option>
    <option name="o3" value="3">3</option>
    <option name="o4" value="4">4</option>
  </select>
  <select name="cars">
    <option name="o1" value="2018">2018</option>
    <option name="o2" value="2017">2017</option>
    <option name="o3" value="2016">2016</option>
    <option name="o4" value="2015">2015</option>
  </select>
</form>

除非您特别想要3种形式，否则我建议添加：

form {
    display: inline-block;
}

关于html - 如何将三个选择标记保持在一行中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50968602/