Yshopnoosa.com

Hur vill radbryta texten i en tabell i HTML

Hur vill radbryta texten i en tabell i HTML

Det finns olika sätt du kan ange radbrytning i ett HTML-dokument. Dessa inkluderar hårda pauser, kolumn bredd deklarationer och inline CSS. Radbrytning sker automatiskt i HTML, baserat på bredaste okrossbar innehållet i en kolumn, om inga andra layout instruktioner anges.

Instruktioner

1 Figursätta text manuellt med hjälp av taggen "< br >" skapa en radbrytning var du vill. Detta är bara bra för tabeller som skrivs för hand och kommer sannolikt inte att ändra, men det ger en hög grad av kontroll med minimal ansträngning.

2 Deklarera kolumnbredden i tabeller genom att använda attributet "bredd" i "kolumn" HTML-element. Detta kommer att avgöra hur bred en kolumn är, som kommer att resultera i en figursättning så nära innan dess peka som möjligt. För att göra detta, skapa en tagg för varje kolumn i tabellen och placera dem under "tabellen" öppna etiketten. Bredden kan ges i bildpunkter eller i procent av det överordnade elementet (dvs tabellen). Här är ett exempel på en tabell med två kolumner vars bredd är angiven i pixlar:

< table >< col bredd = "70" / >< col bredd = "250" / >

Den första kolumnen kommer att vara 70 pixlar bred och andra blir 250 pixlar bred. Observera att kolumnen instruktioner åsidosätts alltid av rad instruktioner när det finns en konflikt.

3 Använda inline CSS för att ange kolumnbredden i tabeller. Detta är ungefär samma som med elementet "kolumn" i HTML, men modernare och föredras av de standarder som beslutsfattarna. Därefter kan använda attributet "column width" stil inuti din tabellelement. Här är ett exempel med samma tabell från steg 2:

< tabell stil = "bredd: 325px;" >< col stil = "kolumn bredd: 70px;" / >< col stil = "kolumn bredd: 250px;" / >

Kontrollera att bredden på tabellen är lika med summan av kolumnernas bredd.