私は4x4ラジオボタンの表を持っています。最初の行(4x4を上回る余分な行)では、ボタンを水平にしたいと思います。私はcolspanなどを試みましたが、他のすべての列にラジオボタンを残しています。このようテーブルセルをオフセットする
0
A
答えて
0
<table style='width:100%;' border=1>
<tr>
<td colspan=4 style='text-align:center;'><input type='button' value='hello'></td>
は
0
?一番上の行には、CSSとtext-align:center
ルールを使用してください。ここにはjsFiddle exampleがあります。
<table>
<tr>
<td colspan="4" style="text-align:center"><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
<tr>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
<td><input type="radio" /></td>
</tr>
</table>
1
必須表レス回答:
<div>
<div class="center"><input type='button' value='hello' /></div>
<ul class="radioList">
<li>
<label for="radio1">
<input type="radio" id="radio1" />
Checkbox 1</label>
</li>
<li>
<label for="radio2">
<input type="radio" id="radio2" />
Checkbox 2</label>
</li>
<li>
<label for="radio3">
<input type="radio" id="radio3" />
Checkbox 3</label>
</li>
<li>
<label for="radio4">
<input type="radio" id="radio4" />
Checkbox 4</label>
</li>
</ul>
</div>
.center { text-align:center; }
.radioList {
list-style:none;
width:100%;
}
.radioList li {
float:left;
width:25%;
}
関連する問題
- 1. テーブルセルをリンクするには?
- 2. テーブルセルを更新するJSON
- 3. テーブルセルを変更する
- 4. HTMLテーブルセルをマージする
- 5. UIRefreshControlをオフセットする
- 6. テーブルセル(HTML5)
- 7. AFNetworkingテーブルセル
- 8. オフセットを追加する方法とオフセットする方法
- 9. JavaScript regex - 空のテーブルセルを空にするテーブルセルの後に削除します
- 10. テーブルセルにデータを渡す
- 11. Rails - rowspanを使用するテーブルセルのcontent_tag
- 12. テーブルセルにテキストフィールドを追加する
- 13. テーブルセルにアイコン+コンテナデータを追加する
- 14. テーブルセルの高さを同じにする
- 15. Firefox:テーブルセルの行を削除する
- 16. テーブルセル内の子テーブルをカウントする
- 17. CSSテーブルセルのパーセンテージ幅を指定する
- 18. テーブルセルの内容を変更するJQuery
- 19. スウィフトでテーブルセルを継承する方法
- 20. Javascriptでポリゴンをオフセットする
- 21. リーフレットマップでLatLngBoundsをオフセットする
- 22. NSDate - タイムゾーンをオフセットする
- 23. Maya Python:サウンドファイルをオフセットする
- 24. RefreshControlをオフセットする方法
- 25. テーブルセルのjQueryツールチップ
- 26. のJavaFX:UDPATEテーブルセル
- 27. フォーマットワード2016テーブルセル
- 28. 複数行テーブルセル
- 29. テーブルセル内のマーキースクロール
- 30. テーブルセルのスティッキーテキスト