Ako opraviť šírku td tabuľky CSS?

• Používanie HTML“ šírka “Atribút
• Použitím ' n-té dieťa() “Výber
• Použitím ' 'Označiť.'

Metóda 1: Použitie atribútu „šírka“ HTML

' šírka “ je základný atribút poskytovaný HTML. Nastavuje šírku alebo vodorovnú dĺžku prvku HTML. Na opravu údajov tabuľky sa v nižšie uvedených krokoch používa atribút width.

Krok 1: Vytvorte tabuľku
V súbore HTML použite „ ” na zobrazenie každého prvku v ňom v strede webovej stránky. Vo vnútri zostavte tabuľku pomocou „ “,” “ a „ ” tagy a zapisovať do nich údaje:

Krok 2: Pridajte vlastnosti CSS do prvku „tabuľka“.
Použite selektor prvkov tabuľky v CSS a pridajte „ hranica ” z 1px plnej červenej, “ zarovnanie textu “ zarovná text na stred a „ šírka “, ktorý nastaví celkovú šírku tabuľky na 80 %:

Krok 3: Priradenie vlastností k prvku „td“.
Použi ' td ” selektor prvkov a nastaví “ okraj-dole ” z 5 pixlov plnej červenej farby, “ vypchávka “ 20px, aby bola položka výraznejšia, a “ šírka “nastaví ako 30%:

Krok 4: Priradenie vlastností k „tému“ prvku
Použi ' th ” selektor prvku na zmenu farby “ okraj-dole ” od červenej po morskú zelenú na vytvorenie lepšej vizualizácie:

Výstup sa zobrazí ako:

Vyššie uvedená snímka ukazuje, že šírky všetkých stĺpcov sú pevne stanovené na 30 %.

Metóda 2: Použitie selektora „n-tého dieťaťa ( )“.

Vlastnosť nth-child() CSS sa používa na vytvorenie tabuľky s pevnou šírkou. Táto vlastnosť získa číslo stĺpca a vyberie „ “ a „ 'značky.' Napríklad šírka je „ pevné ' iba čísla stĺpcov ' 1 “ a „ 3 “. Každý z týchto stĺpcov má šírku 10 %. Tento článok úspešne ukázal, ako opraviť šírku tabuľky údajov.

Výstup vyššie uvedeného bloku kódu je:

Tento výstup zobrazuje, že čísla stĺpcov 1 a 3 sú pevne nastavené na šírku 10 %.

Metóda 3: Použitie značky

Vnútri ' tabuľky “ v časti CSS pridajte „ rozloženie stola: pevné vlastnosť na nastavenie „šírky“ prvkov tabuľky údajov:

Do súboru HTML pridajte „ 'značka vo vnútri ' “. Nastavte napríklad šírku 15 % na prvý stĺpec a 30 % na druhý stĺpec:

Po vykonaní vyššie uvedeného útržku kódu je výstupom:

Takto môže používateľ opraviť šírku prvkov tabuľky údajov .

Záver

Ak chcete opraviť šírku údajov tabuľky, použite „ šírka ” atribút, “ n-té dieťa ( ) “oddeľovač a “ metódy značiek. ' šírka Vlastnosť ” nastavuje pevnú šírku. Oddeľovač „n-tého dieťaťa ( )“ získa číslo stĺpca ako parameter. Okrem toho, „ Značka ” môže byť použitá, aby stôl nebol flexibilný. Tento článok ukázal, ako opraviť šírku prvkov tabuľky údajov .