如何强制两个元素始终保持在<td>中的同一行

Question

代码非常简单:

<table id="tabel_user" style="width: 100%; border: 0; background-color: white;" cellpadding="0" cellspacing="0">
<tr>
    <td style="border: 0; padding: 0; padding-left: 5px;">
        <label for="abcd"><input class="check_useri" id="abcd" name="abcd" type="checkbox" /> abcd </label>
    </td>
</tr>
</table> 

它们整齐地保持在同一条线上,除非标签中的文字变得非常长并且桌子需要伸展以容纳它,然后文本有时会强制在复选框下面.我怎么能阻止它呢？

Answer 1

您可以使用CSS属性强制内联元素保持在同一行white-space:

<td style="white-space:nowrap;">
  this content will not be wrapped
</td>