CSS セルの余白

私のHTML文書の中に、2つの列と複数の行を持つテーブルがあります。1列目と2列目の間のスペースをCSSで広げるにはどうしたらよいでしょうか?左側の各セルに「"margin-right: 10px;"」を適用してみましたが、効果はありませんでした。

ソリューション

これを最初の <td> に当てはめてみましょう。

padding-right:10px;

HTMLの例:

<table>
   <tr>
      <td style="padding-right:10px">data</td>
      <td>more data</td>
   </tr>
</table>
解説 (4)

padding-rightを試してみてください。セルとセルの間にmargin`を入れることはできません。

<table>
   <tr>
      <td style="padding-right: 10px;">one</td>
      <td>two</td>
   </tr>
</table>
解説 (0)

この方法では、セル内の個々の列を指定することはできません。 私の意見としては、2列目に「style='padding-left:10px'」を追加して、内部のdivや要素にスタイルを適用するのがベストだと思います。 そうすれば、より大きなスペースがあるように見せることができます。

解説 (0)