CSS Hücre Kenar Boşluğu

HTML belgemde, iki sütunlu ve birden çok satırlı bir tablom var. Birinci ve ikinci sütun arasındaki boşluğu css ile nasıl artırabilirim? Sol taraftaki hücrelerin her birine "margin-right: 10px;" uygulamayı denedim, ancak hiçbir etkisi olmadı.

Çözüm

Bunu ilk <td>nize uygulayın:

padding-right:10px;

HTML örneği:

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

Padding-right'ı deneyin. Hücreler arasına margin koymanıza izin verilmez.

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

Bir hücredeki sütunları bu şekilde tek tek ayıramazsınız. Bence en iyi seçeneğiniz, ikinci sütuna bir style='padding-left:10px' eklemek ve stilleri dahili bir div veya öğeye uygulamaktır. Bu şekilde daha geniş bir alan yanılsaması elde edebilirsiniz.

Yorumlar (0)