html - 表格中的复选框没有自动开始新行

Question

我有这部分代码：

<td>

    <label class="radio inline" onclick="document.forms['form_user_{{ user.id }}'].submit();">
    <input type="radio" name="perms" id="perms_{{user.id}}_0" user_id="{{user.id}}" value="0">
    None
    </label>
    <label class="radio inline" onclick="document.forms['form_user_{{ user.id }}'].submit();">
    <input type="radio" name="perms" id="perms_{{user.id}}_1" user_id="{{user.id}}" value="1">
    Read
    </label>
    <label class="radio inline" onclick="document.forms['form_user_{{ user.id }}'].submit();">
    <input type="radio" name="perms" id="perms_{{user.id}}_4" user_id="{{user.id}}" value="4">
    Read + Commands
    </label>
    </td>

但是当我打开页面时，结果是这样的：

我不知道为什么 Read + Commands 这行会断线...

有办法手动管理换行吗？

Answer 1

有 CSS 属性 white-space：

table td {
    white-space: nowrap;
}

但我不确定它将如何在 td 内的标签下应用

Answer 2

另一种方法是在<td>元素上应用样式并设置适当的宽度。

    <td style="width: 400px;">
OR
    <td class="myStyleTD">

    .myStyleTD
    {
    width: 50%;
    }