4

13 列の長いテーブルにデータをレイアウトする必要があります。ただし、10 列目と 11 列目の間にスペースがある 2 つのテーブルのように見える必要があります。これは HTML でどのように行われるのでしょうか。私の最初の考えは、11 番目の列がスペースを占有しているが表示されていない 14 列のテーブルです。しかし、私はそれを行う方法を理解できません。

4

3 に答える 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>

http://jsfiddle.net/eS3QE/

于 2013-02-05T03:14:36.140 に答える
1

これはCSSの質問だと思いますが、 で簡単に行うことができます:nth-child。空のテーブル セルを 11 番目の列として作成し、次を使用します。

td:nth-child(11) {
    border: 0;
}

http://jsfiddle.net/ExplosionPIlls/rZYRd/

于 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>&nbsp</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>&nbsp</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 に答える