Angi HTML -tabellkolonnebredde

I et hvilket som helst dokument spiller datarepresentasjonen en viktig rolle i å få leserens oppmerksomhet. Det er flere måter å representere data på, for eksempel diagrammer, grafer og mer. Mer spesifikt legges en tabell lagt til på en webside for å vise data i riktig størrelse og format. En tabell består av rader og kolonner med data, og dens høyde og bredde kan settes ved hjelp av CSS -egenskapene.

Denne guiden vil lære deg:

• Hvordan lage en tabell i HTML?
• Hvordan justere tabellen radhøyde?
• Hvordan justere tabellkolonnebredden?

Hvordan lage en tabell i HTML?

I HTML, først, legg til en "bord”Element og bruk“bredde”Med verdien av“100%”. Legg så til Tag for å legge til den første raden i tabellen, og inn i denne taggen, legg til antall av Tagger for overskrifter. Etter å ha lagt til tabellraden for overskriftene, legg til rader for data. For å gjøre det, legg til Tagger, inkludert for data:

Navn	Kjønn	Alder
Peter	Mann	23
Dennis	Mann	26
Tusenfryd	Hunn	23

For øyeblikket ser websiden vår slik ut:

Juster nå rad- og kolonnestørrelsene på tabellen.

Hvordan justere tabellen radhøyde?

Tabellens radhøyde kan justeres ved hjelp av “høyde”Eiendom. Nedenfor er eksemplet der

Tag er utstyrt med stilegenskapshøyden med verdi 100px:
Dennis
Mann
26

Det kan sees fra bildet nedenfor at den andre raden i tabellen nå har en lengde på 100px:

Hvordan justere tabellkolonnebredden?

Kolonnenes bredde kan modifiseres ved å bruke CSS “bredde”Eiendom. Her er bredden på tabellen satt til 80%:

Navn
Kjønn
Alder

Produksjon

Det er det! Vi har lært å justere bredden og høyden på et bord med hell.

Konklusjon

Tabeller er det mest populære mediet for å presentere data når de organiserer data i rader og kolonner. I CSS kan en tabell lages ved hjelp av

, ,

,

. Du kan imidlertid bruke høyden og breddeegenskapene for å spesifisere tabellstørrelsen. Denne bloggen forklarte spesifikt metoden for å angi bredden på tabellrader og kolonner. « Sette opp et utviklermiljø ved hjelp av Docker Sett celleavstand i CSS - HTML » Java Hvordan telle antall ord i en streng ved hjelp av Java? For å telle antall ord i en streng ved hjelp av Java, del strengen i ord via “Split ()” -metoden og ... Tobias Andresen Oracle Database Hvordan finne Oracle Service Name? For å finne Oracle Service Name Bruk “V $ Services”, “V $ Active_Services”, “Service_Names”, “Servic... Elias Aalerud Aasen Golang Hvordan trimme en streng i Golang Strengtrimming er en prosess for å fjerne ekstra mellomrom eller tegn fra begynnelsen eller slutten ... Anders Fjeld Moe Python Numpy astype Elias Krogh Svendsen Python Pandas read_csv multiprocessing Daniel Berntsen Windows OS Hva er forskjellen mellom Windows Top 10 Home og Pro Daniel Johnsen Docker Hvordan er volumene definert i Docker Compose Yaml? Tobias Andresen html Hvordan bruke CSS Flex-Grow-eiendom? Elias Aalerud Aasen C ++ Hvordan bruke Chrono i C++? Lars Solberg PHP Hva er en udefinert indeksfeil i PHP og hvordan du fikser den? Mathias Halvorsen Golang Hva er datatyper i Golang Jørgen Christiansen Oracle Database Hva er oracle sql*pluss og hva er det brukt til? Erik Røed JavaScript Hvordan TypeScript er forskjellig fra JavaScript? Alexander Sørlie