Jak opravit šířku tabulky CSS td?

• Použití HTML' šířka ' Atribut
• Použitím ' n-té dítě() ” Selektor
• Použitím ' 'Označit.'

Metoda 1: Použití atributu „šířka“ HTML

' šířka ” je základní atribut poskytovaný HTML. Nastavuje šířku nebo vodorovnou délku prvku HTML. K opravě dat tabulky se v níže uvedených krocích používá atribut width.

Krok 1: Vytvořte tabulku
V souboru HTML použijte „ ” pro zobrazení každého prvku uvnitř ve středu webové stránky. Uvnitř vytvořte tabulku pomocí „ “,” ' a ' ” tagy a zapisovat do něj data:

Krok 2: Přidejte vlastnosti CSS do prvku „tabulka“.
Použijte selektor prvku tabulky v CSS a přidejte „ okraj ” z 1px plné červené barvy, “ zarovnání textu “ zarovná text na střed a „ šířka “, který nastaví celkovou šířku tabulky na 80 %:

Krok 3: Přiřazení vlastností prvku „td“.
Použijte „ td ” selektor prvku a nastaví “ hranice-dole ” z 5px plné červené barvy, “ vycpávka “ 20px, aby byla položka výraznější, a “ šířka “nastaví jako 30%:

Krok 4: Přiřazení vlastností „tému“ prvku
Použijte „ čt ” selektor prvku pro změnu barvy “ hranice-dole ” od červené po mořskou zelenou pro vytvoření lepší vizualizace:

Výstup se zobrazí jako:

Výše uvedený snímek ukazuje, že šířky všech sloupců jsou pevně nastaveny na 30 %.

Metoda 2: Použití selektoru „nth-child( )“.

Vlastnost nth-child() CSS se používá k vytvoření tabulky s pevnou šířkou. Tato vlastnost získá číslo sloupce a vybere „ ' a ' ” tagy. Například šířka je „ pevný ' pouze pro čísla sloupců ' 1 ' a ' 3 “. Každý z těchto sloupců má šířku 10 %. Tento článek úspěšně demonstroval, jak opravit šířku tabulky dat.

Výstup výše uvedeného bloku kódu je:

Tento výstup zobrazuje, že čísla sloupců 1 a 3 jsou pevně nastavena na šířku 10 %.

Metoda 3: Použití značky

Uvnitř ' stůl “ v části CSS přidejte „ rozložení stolu: pevné ” vlastnost pro nastavení “šířky” prvků datové tabulky:

Do souboru HTML přidejte „ “ tag uvnitř “ sekce “. Nastavte například šířku 15 % na první sloupec a 30 % na druhý sloupec:

Po provedení výše uvedeného fragmentu kódu je výstupem:

Takto může uživatel zafixovat šířku prvků tabulky dat .

Závěr

Chcete-li opravit šířku dat tabulky, použijte „ šířka ' atribut, ' n-té dítě ( ) “oddělovač a “ metody značek. ' šířka Vlastnost ” nastavuje pevnou šířku. Oddělovač „nth-child()“ získá jako parametr číslo sloupce. Dále, „ ” tag lze použít k tomu, aby stůl nebyl flexibilní. Tento článek ukazuje, jak opravit šířku prvků tabulky dat .