Ici, j'ai un problème où j'essaie de redimensionner un tableau pour qu'il occupe 80% de la largeur des pages, mais je ne veux pas que la largeur des colonnes soit ajustée. Vous trouverez ci-dessous une image de ce qui se passe par rapport à ce qui est attendu.

Maintenant: entrez la description de l'image ici

Ce qui est attendu : entrez la description de l'image ici

Voici les attributs CSS que j'ai appliqués à la table :

table {
    margin:0 auto;
    width: 80%;
    background-color: rgba(167, 167, 167, 0.5);
    table-layout: fixed;
    text-align: center;
}

Chaque fois que j'enlève le width de la table, il affiche comment il devrait, comme indiqué sur l'image du bas, mais il n'étend pas la table à la taille que je souhaite.

2
backward forward 7 nov. 2020 à 03:50

1 réponse

Meilleure réponse

Je suggère d'effacer le table-layout: fixed;, ce qui donnera à chaque colonne la même largeur (s'il n'y a pas de largeurs définies) au lieu de répondre au contenu de la cellule.

2
Johannes 7 nov. 2020 à 00:59