Maison >interface Web >tutoriel CSS >Comment définir des largeurs de colonne fixes pour les cellules d'un tableau HTML (``) dans différentes versions de Bootstrap ?
Comment définir des largeurs de colonne fixes pour les cellules d'un tableau HTML (``) dans différentes versions de Bootstrap ?
- Patricia Arquetteoriginal
- 2024-11-20 14:43:16401parcourir
Détermination de la largeur des colonnes d'un tableau HTML Elements
Afin de définir une largeur fixe pour les cellules de données du tableau (éléments
) à l'aide de CSS, il est crucial de comprendre la version de Bootstrap utilisée.
< ;h3>Bootstrap 4.0 et versions ultérieures
Pour Bootstrap 4.0 et versions ultérieures, il n'est pas recommandé de s'appuyer sur les classes col-* pour contrôler la largeur des colonnes en raison d'incohérences entre les navigateurs. Au lieu de cela, l'approche suivante est recommandée :
<tr><br> <th> <th style="width: 25%">Col 2</th><br> <th> <th style="width: 8.33%">Col 5</th><br></tr><br>
Bootstrap 3.0
Dans Bootstrap 3.0, la classe col-md- doit être utilisée, où représente la largeur de colonne souhaitée en divisions de 12. Par exemple :
<tr></p>
<pre class="brush:php;toolbar:false"><td>
Bootstrap 2.0
Pour Bootstrap 2.0, la classe span est utilisée pour contrôler la largeur des colonnes, indiquant le nombre de colonnes souhaitées. Par exemple :
<tr></p>
<pre class="brush:php;toolbar:false"><td>
Il est important de noter que la largeur doit être réglé sur
éléments plutôt que éléments si des éléments sont présents dans la ligne.Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cnArticle précédent：Quelle est la différence entre :focus et :active en CSS ?Article suivant：Quelle est la différence entre :focus et :active en CSS ?Articles Liés
Voir plus
Afin de définir une largeur fixe pour les cellules de données du tableau (éléments
< ;h3>Bootstrap 4.0 et versions ultérieures
Pour Bootstrap 4.0 et versions ultérieures, il n'est pas recommandé de s'appuyer sur les classes col-* pour contrôler la largeur des colonnes en raison d'incohérences entre les navigateurs. Au lieu de cela, l'approche suivante est recommandée :
<tr><br> <th> <th style="width: 25%">Col 2</th><br> <th> <th style="width: 8.33%">Col 5</th><br></tr><br>
Bootstrap 3.0
Dans Bootstrap 3.0, la classe col-md- doit être utilisée, où représente la largeur de colonne souhaitée en divisions de 12. Par exemple :
<tr></p> <pre class="brush:php;toolbar:false"><td>
Bootstrap 2.0
Pour Bootstrap 2.0, la classe span est utilisée pour contrôler la largeur des colonnes, indiquant le nombre de colonnes souhaitées. Par exemple :
<tr></p> <pre class="brush:php;toolbar:false"><td>
Il est important de noter que la largeur doit être réglé sur
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!