Espacement des bordures de table CSS à l’intérieur uniquement

Question

J’ai essayé de résoudre ce problème pendant des mois, et Google ne m’a pas aidé. J’essaie d’avoir un espacement entre ```` et des balises dans un tableau, mais quand je le fais, il y a un espacement à l’extérieur. Par conséquent, la table n’est pas alignée avec quoi que ce soit d’autre. Il semble donc que la table ait un rembourrage.

Je n’arrive pas à trouver une solution.

Voici un exemple de problème

Answer 1

J’ai trouvé un moyen de le faire avec des marges négatives et d’améliorer la réponse de Steven en ce sens qu’elle vous permet de faire en sorte que le tableau prenne 100% même s’il n’a pas assez de contenu. La solution est de rendre la largeur de la table de 100% et d’utiliser une marge négative sur un élément contenant:

Voyez-le comme un jsFiddle

Answer 2

Semblable à ce que Steven Vachon a dit, la marge négative peut être votre meilleur pari.

Alternativement, vous pouvez utiliser `` pour résoudre le problème.

CSS:

Ajoutez simplement la marge que vous enleverez ou la largeur sera trop étroite (100% n’est pas assez large).

Answer 3

Utilisez des marges négatives et un récipient avec rembourrage positif.

Assurez-vous simplement que vous avez un contenu substantiel pour qu’il étire la table à 100% de largeur, sinon il sera 20px trop étroit.

Plus d’infos: svachon.com/blog/inside-only-css-table-border-spacing/