HTML/CSS 表格(表格)DOB 行显示在两行上

Question

在我的网站表单上 - 我的出生日期、月份和年份菜单显示在两行上，我希望它们都显示在同一行上。

当我测试代码时，它显示在一行中，所以我相信一定存在宽度问题。

您可以在右侧表格 (incomeprotectionstore.co.uk) 上看到问题。

如有任何帮助，我们将不胜感激。

出生日期css如下:

<tr>
          <td nowrap=""><label><div align="left">Date of birth</div></label></td>
        <td><select name="x_C1DOB_YYYY" id="dd_dob_year" class="input-dob">
<?
for($i=1995; $i >= 1900; $i--){ 
?> 
<OPTION value="<? echo $i; ?>" <?  formSelected( $x_C1DOB_YYYY, $i ); ?>><? echo $i; ?></OPTION>
<?
}
?>
          </select>
          <select name="x_C1DOB_MM" id="dd_dob_month" class="input-dob">
  <?
for($i=1; $i<=12; $i++){ 
 if($i < 10) $x = "0".$i; else $x = $i;

 $month = $month_name[$i-1]; 
?> 
<OPTION value="<? echo $x; ?>" <?  formSelected( $x_C1DOB_MM, $x ); ?>><? echo $month; ?></OPTION>
<?
}
?>
        </select>
          <select name="x_C1DOB_DD" id="dd_dob_day" class="input-dob">
<?
for($i=1; $i<=31; $i++){ 
 if($i < 10) $x = "0".$i; else $x = $i;
?> 
<OPTION value="<? echo $x; ?>" <?  formSelected( $x_C1DOB_DD, $x ); ?>><? echo $x; ?></OPTION>
<?
}
?>          </select>

        </td>
    </tr>   

谢谢，

山姆

Answer 1

您可以尝试将您的选择包装在一个元素中，以防止像这样换行:

<div style="white-space:nowrap;">
  <select>
  <select>
  <select>
</div>