13 列の長いテーブルにデータをレイアウトする必要があります。ただし、10 列目と 11 列目の間にスペースがある 2 つのテーブルのように見える必要があります。これは HTML でどのように行われるのでしょうか。私の最初の考えは、11 番目の列がスペースを占有しているが表示されていない 14 列のテーブルです。しかし、私はそれを行う方法を理解できません。
16129 次
3 に答える
3
目の不自由な人にとっては奇妙かもしれませんが、表のセルを空にしたくない場合は、これを試してください。
<style type="text/css">
td {display: inline-block;}
td.spaced {margin-left: 20px;}
</style>
<table>
<tr>
<td>One</td>
<td>Two</td>
<td class="spaced">Three</td>
</tr>
</table>
于 2013-02-05T03:14:36.140 に答える
1
これはCSSの質問だと思いますが、 で簡単に行うことができます:nth-child
。空のテーブル セルを 11 番目の列として作成し、次を使用します。
td:nth-child(11) {
border: 0;
}
于 2013-02-05T03:11:55.220 に答える
-2
この例を試して、好みに合っているかどうかを確認してください...列2と4の間にスペーサーがある5列。改善される可能性がありますが、あなたが求めている外観になっていると思います.
<html>
<table cols=5 style='border:thin solid blue'>
<tr>
<th style='border:thin solid blue'>Col 1</th>
<th style='border:thin solid blue'>Col 2</th>
<th> </th>
<th style='border:thin solid blue'>Col 3</th>
<th style='border:thin solid blue'>Col 4</th>
</tr>
<tr>
<td style='border:thin solid blue'>Col 1A</th>
<td style='border:thin solid blue'>Col 1B</th>
<td> </th>
<td style='border:thin solid blue'>Col 1D</th>
<td style='border:thin solid blue'>Cell 1E</th>
</tr>
</table>
</html>
于 2013-02-05T03:20:24.840 に答える