Jei esate naujokas interneto dizaineris, jums gali kilti klausimų, kaip sutelkti tekstą lentelės langelio viduje. Su šiuo vadovu išmokite šią techniką vos per kelias minutes. Tai lengva - net jei dar niekada nebandėte.
Pradžia
Centravimo tekstas langelio vidų geriausia atlikti naudojant CSS, lygiai taip pat, kaip tekstą sutelktumėte kitame savo tinklalapio elemente. Vis dėlto prieš pradėdami turite nuspręsti, ką tiksliai norite sutelkti. Turėdami lentelę, turite keletą galimybių, įskaitant kiekvieną lentelės langelį; kiekviena lentelės antraštės ląstelė kiekviena lentelės galvutės, stalo korpuso ar stalo kojos ląstelė. Taip pat lentelėje galite sutelkti tam tikrą langelį ar langelių rinkinį.
Be to, turėtumėte sukurti vidinis stiliaus lapas dokumento galvutėje arba pridedamas prie dokumento kaip išorinis stiliaus lapas. Stilius įdėsite į lentelės langelių centravimą tame stiliaus lape.
Kaip centruoti kiekvieną lentelės langelį
Prie savo stiliaus lapo pridėkite šias eilutes:
td, th {
text-align: centre;
}
Kaip centruoti kiekvieną antraštės langelį lentelėje
Prie savo stiliaus lapo pridėkite šias eilutes:
th {
text-align: centre;
}
Kiekvienos stalo galvos, kūno ar pėdos ląstelės centravimas
Norėdami sutelkti šias langelius, turite pridėti lentelių žymas, kurios ne visada naudojamos, pvz.
thead th, thead td {
text-align: centre;
}
tbody th, tbody td {
text-align: centre;
}
tfoot th, tfoot td {
text-align: centre;
}
Pašalinkite sričių, kurių nenorite sutelkti, stilių.
Kaip sukoncentruoti tam tikrą langelį ar langelius į lentelę
Norėdami tai padaryti, langeliuose, kuriuos norite sutelkti, turite nustatyti klasę.
Pridėkite šį atributą prie lentelės langelių, kuriuos norite sutelkti:
Tada prie savo stiliaus lapo pridėkite:
.centered-cell {
text-align: centre;
}
Šią klasę galite pridėti prie bet kurios lentelės langelio.
Apvyniojimas
Nedvejodami naudokite šiuos stilius bet kurioje lentelės langelyje. Galite juos naudoti sujungtuose langeliuose arba atskiruose langeliuose, o juose esantis tekstas bus sutelktas.