Comment résoudre le problème selon lequel le paramètre de largeur de la cellule du tableau td n'est pas valide

Cette fois, je vais vous montrer comment résoudre le problème du réglage de la largeur non valide de la cellule du tableau td. Que faut-il résoudre si le réglage de la largeur de la cellule du tableau td est invalide ? Quelles sont les précautions ? sont des cas pratiques.

Lors de la création de pages de tableau, parfois la largeur définie pour td n'est pas valide. La largeur de td est toujours étirée par le contenu interne. Vous pouvez définir le padding, mais définissez la largeur. directement. Mais cela ne fonctionne pas. Regardons cet exemple en détail :

<div> 
<table border="1px"> 
<tr> 
<td width="100px" style="width: 100px !important;">1000800</td> 
<td>1000000</td> 
<td>1000000</td> 
</tr> 
<tr> 
<td>1000000</td> 
<td>10000300</td> 
<td>1000000</td> 
</tr> 
</table> 
</div> 
<table border="1px"> 
<tr> 
<td width="100px">1000000</td> 
<td>1000000</td> 
<td>1000000</td> 
</tr> 
<tr> 
<td>1000000</td> 
<td>10000300</td> 
<td>1000000</td> 
</tr> 
</table> 
* {margin: 0; padding: 0;} 
.div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;}

Nous pouvons voir que bien que la largeur de la première cellule de la classe div1 soit définie, elle n'est pas valide. Le contenu de la cellule est toujours déterminé par le contenu, donc puisqu'il est déterminé par le contenu, nous devons trouver un moyen de laisser le « contenu » agrandir la cellule, et c'est tout.

On peut ajouter un div dans td, puis définir la largeur du div, essayons :

Modifier une partie du code dans la classe div1 :

<td width="100px" style="width: 100px !important;">1000800</td>

Changez pour

<td><div>1000800</div></td>

puis écrivez dans le style :

td div { 
width:100px; 
}

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour un contenu plus passionnant, veuillez payer. attention aux autres articles connexes sur le site PHP chinois !

Lecture connexe :

Comment contrôler les propriétés du HTML lors de l'ouverture d'une nouvelle fenêtre avec un lien hypertexte

Amélioration progressive en CSS3 Et comment utiliser la dégradation gracieuse

Comment utiliser les nouvelles unités vw, vh, vmin, vmax de CSS3

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!