html - 如何使浮动跨度和选择元素填充表格单元格的宽度

Question

我在表格中有一个表格单元格，如下所示：

<td>
<span class="subtitle no-select" id="billing-status-span" style="float:left"> Status </span> 
<select id="bill-status" style="float:left">
    <option>One of many options with lots of text and therefore width</option>
</select>
</td>

请指教

例如。想象一下 td 是 100px 宽（实际上 td 宽度是动态的，因为它是基于百分比的）。因为选择宽度> 100px，我该如何处理？我希望选择宽度缩小...但请注意选项宽度迫使选择大于 100px

Answer 1

我认为不需要标签只是为了状态。你可以喜欢

<td>Status<select id="bill-status"> <option>One of many options with lots of text and therefore width</option></select></td>