Wie lege ich feste Spaltenbreiten für HTML-Tabellenzellen (``) in verschiedenen Bootstrap-Versionen fest?

Patricia Arquette

Freigeben： 2024-11-20 14:43:16

Original

330 Leute haben es durchsucht

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

Bestimmen der Spaltenbreite einer HTML-Tabelle Elemente

Um mithilfe von CSS eine feste Breite für Tabellendatenzellen ( Elemente) festzulegen, ist es wichtig, die verwendete Bootstrap-Version zu verstehen.

< ;h3>Bootstrap 4.0 und höher

Für Bootstrap 4.0 und nachfolgende Versionen wird aufgrund von Inkonsistenzen zwischen den Browsern nicht empfohlen, sich auf col-*-Klassen zu verlassen, um die Spaltenbreite zu steuern. Stattdessen empfiehlt sich folgende Vorgehensweise:

<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

Innerhalb von Bootstrap 3.0 sollte die Klasse col-md- verwendet werden, wobei die gewünschte Spaltenbreite in 12er-Teilen darstellt. Zum Beispiel:

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

Nach dem Login kopieren

Bootstrap 2.0

Für Bootstrap 2.0 wird die Klasse span verwendet, um die Spaltenbreite zu steuern, wobei die Anzahl der gewünschten Spalten angibt. Zum Beispiel:

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

Nach dem Login kopieren

Es ist wichtig, die Breite zu beachten sollte auf eingestellt werden. Elemente statt Elemente, wenn Elemente sind in der Zeile vorhanden.

Das obige ist der detaillierte Inhalt vonWie lege ich feste Spaltenbreiten für HTML-Tabellenzellen (``) in verschiedenen Bootstrap-Versionen fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：php.cn

Vorheriger Artikel：Was ist der Unterschied zwischen :focus und :active in CSS? Nächster Artikel：Wie kann ich die Breite eines Elements animieren, wenn seine Breite auf „Auto“ eingestellt ist?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

1915

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2090

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

1758

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...