Kako dodati presledek med stolpce, ne da bi to vplivalo na vrstice v tabeli HTML?
Lastnosti oblazinjenja levo in desno se uporabljata za dodajanje razmika med stolpce brez vpliva na celotno postavitev tabele. Ta lastnost omogoča razvijalcem, da dodajo dodaten razmik in ta razmik ne vpliva na vrstice.
Sledite spodnjim korakom:
1. korak: Ustvarite strukturo tabele
Predpostavimo, da je v datoteki HTML tabela, ki vsebuje štiri vrstice in tri stolpce:
< tabela >
< tr >
< th > Ime < / th >
< th > Razred < / th >
< th > Mesto < / th >
< / tr >
< tr >
< td > Janez < / td >
< td > BS Chem < / td >
< td > London < / td >
< / tr >
< tr >
< td > Aleksander < / td >
< td > BS Math < / td >
< td > Tokio < / td >
< / tr >
< tr >
< td > Jožef < / td >
< td > BS CS < / td >
< td > New York < / td >
< / tr >
< / tabela >
Po izvedbi zgornje kode je spletna stran videti takole:
Izhod potrjuje, da je bila ustvarjena struktura tabele.
2. korak: Uporaba vodoravnega oblazinjenja
Če želite dodati razmik med stolpce z leve strani, uporabite » oblazinjenje-levo Lastnost CSS. Po uporabi te lastnosti so podatki videti kot pravilna poravnava. Razlog je v tem, da se oblazinjenje uporablja samo z leve strani.
Sedaj izberite element »td« v delu CSS slogov, ki jih je mogoče uporabiti z metodo inline. Nato dodajte oblazinjenje » 50 slikovnih pik ”, da dodate razmik in dodate lastnost obrobe za namene boljše vizualizacije:
td {oblazinjenje-levo: 50px;
meja : 2 slikovnih pik neprekinjeno rdeče;
}
Po izvedbi kode je spletna stran videti takole:
Izhod prikaže, da je med stolpce tabele dodan presledek.
Zdaj, če želite nastaviti oblazinjenje z desne strani, ' oblazinjenje-desno ” nepremičnina je v uporabi. Na enak način, vendar so zdaj podatki v celici videti ' levo poravnano ”. Koda je:
td {oblazinjenje-levo: 50px;
meja : 2 slikovnih pik neprekinjeno rdeče;
}
Po izvedbi zgornje kode je spletna stran videti takole:
Izhod potrjuje, da je prostor med stolpci povečan z uporabo oblazinjenja na desni strani.
3. korak: Kombinacija oblazinjenja levo in desno
Tako kot v zgornjem koraku podatki v obeh primerih niso sredinsko poravnani, zaradi česar so podatki neprofesionalni. Da postane vidno, ne da bi pri tem poškodovali oblikovalski smisel. Obe lastnosti je mogoče uporabiti hkrati, kot spodaj:
td {oblazinjenje-desno: 60px;
oblazinjenje-levo: 60px;
meja : 2 slikovnih pik neprekinjeno rdeče;
}
Po izvedbi zgornje kode je spletna stran videti takole:
Izhod potrjuje, da je med stolpce dodan presledek in so tudi podatki poravnani na sredino.
Zaključek
Prostor med stolpci tabele je mogoče dodati s pomočjo lastnosti oblazinjenja levo in desno. Te lastnosti celici dodajo dodaten prostor z desne in leve strani. Obe nepremičnini se lahko uporabljata hkrati ali ločeno. Ta članek je uspešno pokazal, kako dodati razmik med stolpce tabele, ne da bi to vplivalo na vrstice.