So lösen Sie das Problem, dass die Breiteneinstellung der Tabellenzelle td ungültig ist

Dieses Mal zeige ich Ihnen, wie Sie das Problem der ungültigen Breiteneinstellung der Tabellenzelle td lösen können. Was sind die Vorsichtsmaßnahmen? sind praktische Fälle.

Beim Erstellen von Tabellenseiten ist die für td festgelegte Breite manchmal ungültig. Die Breite von td wird immer durch den internen Inhalt gestreckt. Sie können Padding festlegen, aber die Breite festlegen Aber es funktioniert nicht. Schauen wir uns dieses Beispiel im Detail an:

<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;}

Wir können sehen, dass die Breite der ersten Zelle in der Klasse div1 ungültig ist. Der Inhalt der Zelle wird immer durch den Inhalt bestimmt. Da er also durch den Inhalt bestimmt wird, müssen wir einen Weg finden, den „Inhalt“ die Zelle erweitern zu lassen, und das war’s.

Wir können ein div in td hinzufügen und dann die Breite des div festlegen. Probieren wir es aus:

Ändern Sie einen Teil des Codes in der Klasse div1:

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

Wechseln Sie zu

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

und schreiben Sie dann im Stil:

td div { 
width:100px; 
}

Ich glaube, Sie beherrschen die Methode, nachdem Sie diese Fälle gelesen haben. Für weitere spannende Inhalte zahlen Sie bitte Beachten Sie auch andere verwandte Artikel auf der chinesischen PHP-Website!

Verwandte Lektüre:

So steuern Sie die Eigenschaften von HTML beim Öffnen eines neuen Fensters mit einem Hyperlink

Progressive Verbesserung in CSS3 Und wie man Graceful Degradation nutzt

Wie man die neuen CSS3-Einheiten vw, vh, vmin, vmax verwendet

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass die Breiteneinstellung der Tabellenzelle td ungültig ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!