私のHTML文書の中に、2つの列と複数の行を持つテーブルがあります。1列目と2列目の間のスペースをCSSで広げるにはどうしたらよいでしょうか?左側の各セルに「"margin-right: 10px;"」を適用してみましたが、効果はありませんでした。
これを最初の <td> に当てはめてみましょう。
<td>
padding-right:10px;
HTMLの例:
<table> <tr> <td style="padding-right:10px">data</td> <td>more data</td> </tr> </table>
padding-rightを試してみてください。セルとセルの間にmargin`を入れることはできません。
を試してみてください。セルとセルの間に
<table> <tr> <td style="padding-right: 10px;">one</td> <td>two</td> </tr> </table>
この方法では、セル内の個々の列を指定することはできません。 私の意見としては、2列目に「style='padding-left:10px'」を追加して、内部のdivや要素にスタイルを適用するのがベストだと思います。 そうすれば、より大きなスペースがあるように見せることができます。
これを最初の
<td>
に当てはめてみましょう。HTMLの例:
padding-right
を試してみてください。セルとセルの間に
margin`を入れることはできません。この方法では、セル内の個々の列を指定することはできません。 私の意見としては、2列目に「style='padding-left:10px'」を追加して、内部のdivや要素にスタイルを適用するのがベストだと思います。 そうすれば、より大きなスペースがあるように見せることができます。