Modification des cellules de cellule dans une seule colonne seulement

Si vous avez une table avec 2 colonnes et que vous souhaitez que l'une des colonnes soit 100% de la largeur au lieu de 50%, utilisez la propriété Colspan sur la balise TD. (J'ai copié une table rapide de W3schools, ne soyez pas fou)

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$100</td>
  </tr>
  <tr>
    <td colspan="2">Sum: $180</td>
  </tr>
</table>

Si vous appliquez des CSS au collumin que vous souhaitez avoir plus large, cela devrait se résoudre assez facilement.

#extra_width {padding-left: 10px; padding-right: 10px;}

bonne convention pour cela est:

html: xxx

css: xxx

J'espère que cela illustre C'est bien. Cela vous donnera un meilleur contrôle sur le rembourrage dans les cellules. Utilisez la marge pour faire l'espacement entre les cellules. Si vous appliquez la classe CSS au premier TD dans chaque ligne, ce sera la première colonne de la table.

J'ai trouvé qu'utilisé selon les éléments suivants:

CSS: xxx

html dans le tableau: xxx

M'a aidé à résoudre le problème d'espacement entre une seule colonne.

Non, à la fois l'attribut HTML CellsPaçage et son homologue CSS Border-Speaking Appliquer à une table entière uniquement. Lorsque des frontières ne sont pas utilisées et que les arrière-plans ne sont pas un problème, vous pouvez utiliser un remplissage pour obtenir le même effet à l'aide de remplissage. Mais en ce qui concerne l'espacement entre les frontières de cellules d'une table, elle est inévitablement uniforme dans une table.

L'utilisation de fausses cellules pourrait être une solution de contournement. Au lieu de définir des frontières sur les cellules, définissez-les sur des conteneurs que vous avez à l'intérieur des cellules. Ensuite, tout rembourrage sur les cellules ressemblera à l'espacement entre les frontières de cellules.