42

コードは非常に単純です。

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

ラベルのテキストが非常に長くなり、それに対応するためにテーブルを伸ばす必要がない限り、それらは同じ行にきちんと留まります。そうすると、テキストがチェックボックスの下に強制されることがあります。どうすればそれを止めることができますか？

4

4 に答える 4

79

CSS プロパティを使用して、インライン要素を強制的に同じ行に配置できますwhite-space。

<td style="white-space:nowrap;">
  this content will not be wrapped
</td>
于 2012-04-04T09:27:42.837 に答える
3

このコードは正常に動作し、応答性があります。

table {
width:100%;
display: inline-block;
}
td, th {
max-width:100%
}
于 2014-03-22T18:05:58.007 に答える
1

a を定義するwhite-spaceことはそれを行う方法の 1 つかもしれませんが、表形式のデータとしては、代わりにラベルの幅の最大サイズを修正する方が良いでしょう

label { width: 100px; display: inline-block; }
于 2012-04-04T09:31:08.767 に答える