Ha kezdõs web dizájner vagy, akkor lehet, hogy kérdései vannak azzal kapcsolatban, hogy miként kell központosítani a szöveget a táblázatban. Ezzel az útmutatóval, ezt a technikát csak néhány perc alatt mesterold meg. Könnyű - még akkor is, ha korábban soha nem próbáltál.
Elkezdeni
A cella belsejében lévő központosító szöveget a legjobban a CSS-sel lehet elvégezni, mint ahogy a szöveget egy másik elemre helyezi a weboldalon. Mielőtt azonban elkezdené, el kell döntenie, hogy pontosan mit szeretne központosítani. Egy asztalnál több lehetőség van, beleértve a táblázatban szereplő összes cellát is; minden fejléccellát a táblázatban az asztal feje, asztali test vagy asztal lábának minden cellája. A táblán belül egy adott cellát vagy cellatartományt is központosíthat.
Ezenkívül belső stíluslapot kell létrehoznia a dokumentum fejlécében, vagy külsõ stíluslapként csatolnia kell a dokumentumhoz. A stílusokat a táblázatos cellák közé helyezi a stíluslapra.
Hogyan kell központosítani minden cellát a táblázatban
Adja hozzá a következő sort a stíluslapjához:
td, th {text-align: center; }Hogyan kell központosítani minden fejlécet a táblázatban
Adja hozzá a következő sort a stíluslapjához:
th {text-align: center; }Az asztalfejet, a testet vagy a lábat minden egyes sejt középpontja
Annak érdekében, hogy központosítsák ezeket a cellákat, meg kell adnia azokat a táblacímkéket, amelyeket nem mindig használnak, például ,
és . Ezután ezeket a címkékkel körülveszi az asztalcelláit, hogy azonosítsa az asztal fejét, testét és lábát. Ezután hozzáadja az alábbiakat a stíluslapjához: thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }Távolítsa el azokat a területeket, amelyekre nem kíván központosítani.
Hogyan lehet egy adott cellát vagy sejteket egy táblázatban központosítani?
Ehhez be kell állítania egy osztályt a megcélozni kívánt cellákon.
Adja hozzá a következő attribútumot a központosított táblázatokhoz:
Ezután adja hozzá a stíluslaphoz a következőt:
.centered-cell {text-align: center; }Ezt az osztályt hozzáadhatja a táblázatban lévő összes cellához.
Csomagolás
Ne habozzon ezeket a stílusokat használni az asztalok bármelyikén. Használhatja őket egyesített cellákon vagy egyetlen cellákon, és a benne lévő szöveg lesz a középpontban.