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 Arquette
Libérer: 2024-11-20 14:43:16
original
392 Les gens l'ont consulté

How Do I Set Fixed Column Widths for HTML Table Cells (``) in Different Bootstrap Versions?

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>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>
Copier après la connexion
Copier après la connexion


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>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>
Copier après la connexion
Copier après la connexion


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!

source:php.cn
Article précédent:Quelle est la différence entre :focus et :active en CSS ? Article suivant:Comment puis-je animer la largeur d'un élément lorsque sa largeur est définie sur « auto » ?
Déclaration de ce site Web
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.cn
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal