Discussion

Vous êtes ici : Accueil » Formations » Comment fixer la taille des colonnes d'un tableau avec un texte long en HTML

Comment fixer la taille des colonnes d'un tableau avec un texte long en HTML

Il est souvent le cas, nous sommes confrontés à un tableau incontrolable qui prend toute la place sur une page web. il suffit de créer un petit script CSS

Il suffit de mettre un petit cript css pour que ca marche:

<style style="text/css">
table{
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
    width: 400px;       
}

th, td {
    border: 1px solid black;
    word-break: break-all;
}
</style> 

 

Voici mon tableau

<table>
<tr>
<td>Colonne 1</td>
<td>Colonne 2</td>
<td>Colonne 3</td>
</tr>
<tr>
<td>My long text text text text text text text text texttext text texttext text text</td>
<td>tite</td>
<td>5263</td>
</tr>
</table>

 

 


Date de publication:  25/08/2021 par admin10



Chargement...

Les cours de PHP sur toutes les facettes.

Les cours de PHP sur toutes les facettes.

Page précédent 215 216 217 219 221 223 225 Page suivante

Laisser un commentaire





nsxy68


Cv94 Dimanche 24 Octobre 2021

Aucun commentaire pour le moment concernant le sujet « Comment fixer la taille des colonnes d'un tableau avec un texte long en HTML »!