Html 如何强制两个元素始终保持在a<；td>；

代码非常简单：

<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> 

abcd

---

它们整齐地保持在同一行上，除非标签中的文本变得很长，并且表格需要拉伸以容纳它，否则文本有时会被强制置于复选框下方。如何阻止它这样做？

您可以使用CSS属性强制内联元素保持在同一行上：

此内容将不会被包装

定义

空白

可能是完成此操作的一种方法，但作为表格数据，最好改为固定标签宽度的最大大小

label { width: 100px; display: inline-block; }

您可以使用以下命令：

---

这将使垂直面在顶部对齐

此代码工作正常，响应迅速：

table {
width:100%;
display: inline-block;
}
td, th {
max-width:100%
}

---

2013年，你给出的解决方案在几年前就被贬低了（支持CSS样式）？提问者问到表格，你为什么要责怪回答者没有使用CSS？时至今日，表和表元素属性仍然在做一些让人头疼的事情CSS@Amalgovinus

valign

在HTML5中不受支持，因此它甚至不起作用。它已被弃用，但据我所知，支持尚未被放弃——类似这些属性对于HTML电子邮件之类的东西仍然是必不可少的，在这种情况下，定位CSS很少可用。如果需要，他们可以使用一个等效的垂直对齐CSS道具。CSS3并没有完全取代旧的学校表格。

table {
width:100%;
display: inline-block;
}
td, th {
max-width:100%
}