0

セル間にスペースを適用するために&/or on eachtableを設定したくない場合があります。上、下、左、右) でも、上と下にスペースを適用したいだけです。paddingmargintdCellSpacingCellPaddingtable

私の問題の解決策はありますか？

4

5 に答える 5

0

セル間に間隔を作成する別の方法（セルに境界がある場合に境界間に間隔が表示されるようにする）は、HTMLcellspacingの要素で属性を使用し、CSSでプロパティを使用することです。前者は、質問で言及された柔軟性の欠如に苦しんでいます。後者はブラウザのサポートが制限されています。両方を使用できるため、古いブラウザーは単純なHTML間隔を使用し、新しいブラウザーはCSSの方法を使用します。tableborder-spacing

次の例では、垂直方向の間隔（つまり、行間）を0.5emに設定し、より小さな0.1emの水平方向の間隔（つまり、列間）を設定します。

table { border-spacing: 0.1em 0.3em; }

（CSSプロパティ値の順序は通常の順序とは異なります。ここでは、水平が最初に、次に垂直になりますが、マージン：0.1em 0.3mでは逆の順序が適用されます。）

于 2012-07-10T14:42:52.390 に答える
0

空白行を使用して間隔を空ける

以下の例を参照してください

 <table class="style1">
        <tr style="height: 20px;">
            <td>
                sfgefgfeg</td>
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
        </tr>
        <tr style="height: 5px;" >
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr style="height: 20px;">
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
        </tr>
        <tr style="height: 20px;">
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
            <td>
                &sfgefgfeg;</td>
        </tr>
    </table>

ここでは、間隔のために高さ 5px の行が追加されています。

于 2012-07-10T13:42:37.823 に答える
0

TD 要素で border-top と border-bottom を使用して、境界線の色をページの背景色と同じにすることができます。

于 2012-07-10T13:47:36.720 に答える
0

paddingwithを使用し<td>て、表のセルの上下にスペースを確保できます。

テーブルの行間に間隔を追加するには、要素として設定<tr>し、その上でプロパティをblock使用できます。margin

ここでデモを確認してください http://codepen.io/pen/10248/2

編集:

行間の間隔を含むように更新されました。

于 2012-07-10T13:40:47.550 に答える