複選框在表withouth的開始一個新行自動

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屬性空白：

table td { 
    white-space: nowrap; 
} 

但我不知道怎麼會一個標籤下應用TD

Answer 2

內的另一種方式做，這是套用樣式上<td>元素並設置適當的寬度。

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

    .myStyleTD 
    { 
    width: 50%; 
    }