Legge til polstring til bootstrap -tabellceller - CSS
En av hovedkomponentene i nettutvikling er tabellen. Den viser dataene i tabellform på et nettsted. Hvis dataene i tabellcellene er for korte eller for lange, kan det føre til at tabellen vises ujevn. For å rette opp dette, “polstring”Eiendom brukes til tabellcellene.
Dette innlegget vil beskrive:
- Hvordan legge til polstring til bootstrap -tabellceller?
- Hvordan legge til polstring til bootstrap -tabellceller ved hjelp av CSS?
- Hvordan legge til polstring i bordet?
Forutsetning: Lag en tabell
Følg trinnene som er nevnt nedenfor for å lage en tabell:
- Først, bruk "
”Tag og tilordne det“bord”Og“Bordstripet”Klasser.
- Innen "
”Element, spesifiser overskriftsdelen ved å bruke“”Element.
- Inne i den, lag en rad “
”Av overskrifter ved å bruke“ ”Tagger. - Opprett deretter tabellkroppsseksjonen ved hjelp av “”Element.
- Til slutt, oppretter rader med data ved å bruke "
”Tag og“ ”Tagger. Html
Navn Kurs Poengsum Jake Software Engineering 90 Tina Introduksjon til Java 80 John Datasystemer 89 Produksjon
Hvordan legge til polstring til bootstrap -tabellceller?
En måte å legge til polstring i tabellens celler er å bruke bootstrap polstringsklasser. Disse inkluderer "p-*”,“PX-*”,“py-*", og mange flere.
Eksempel
I det pågående eksemplet, bruk "PX-5”Klasse for å legge til polstring til venstre og høyre for overskriftene:
Navn Kurs Poengsum Produksjon
Hvordan legge til polstring til bootstrap -tabellceller ved hjelp av CSS?
CSS tilbyr den enkleste måten å legge til polstring i hver celle i tabellen ved å bruke "polstring”Eiendom. Her er et eksempel som viser hvordan du legger polstring til hver tabellcelle:
.Tabell TD
polstring: 30px;Produksjon
Så langt har vi diskutert hvordan du legger polstring til tabellceller. I den kommende delen lærer du hvordan du justerer polstringen til bordet.
Hvordan legge til polstring i bordet?
I CSS, legg til de under-uttalte egenskapene til “bord”Klasse:
.Tabell
Grense: 2px solid mørkcyan;
grensekollaps: separat;
polstring: 20px;Her:
- “grense”Eiendom gir en grense til elementet.
- “grensekollaps”Med verdien”skille”Legger til en egen kant rundt bordet.
- “polstring”Legger til plass rundt bordets innhold.
Produksjon
Vi har samlet metodene for å legge til polstring til bootstrap -tabellceller.
Konklusjon
Det er flere måter å legge til polstring i en bootstrap -tabellceller. Disse inkluderer bruk av polstringsklassene, for eksempel “p-*”,“PX-*”, Og“py-*”. Mer spesifikt kan polstring også legges til ved hjelp av CSS "polstring”Eiendom. Denne artikkelen har forklart hvordan du kan legge til polstringsplass til bootstrap -tabellcellene.
- Innen "