Кесте ұяшығындағы орталық мәтін қалай

Егер сіз жаңа веб-дизайнер болсаңыз, кесте ұяшығының ішіндегі мәтінді қалай ортаға қою керектігі туралы сұрақтарыңыз болуы мүмкін. Осы нұсқаулықпен осы техниканы тек бірнеше минут ішінде меңгеріңіз. Бұл оңай емес - сіз бұрын ешқашан тырыспаған болсаңыз да.

Басталу

Веб-беттегі басқа элементтегі мәтінді ортаға салатын сияқты, ұяшықтың ішіндегі мәтінді ең жақсы CSS арқылы жасайды. Алайда сіз басталмас бұрын, дәлірек айтқанда, сіз нені қалайтын болатыныңызды шешуіңіз керек. Кестеде сізде бірнеше опция бар, оның ішінде үстелдегі әрбір ұяшық; кестедегі әрбір тақырып ұяшығының үстелдің басындағы әрбір ұяшық, үстелдің корпусы немесе үстел аясы. Сондай-ақ, кестедегі белгілі бір ұяшықты немесе ұяшықтар жиынтығын ортаға салуға болады.

Сонымен қатар, құжаттың басында ішкі стиль кестесін жасауыңыз немесе сыртқы мәнер парағы ретінде құжатқа бекітілген болуыңыз керек. Стильдерді сол стиль кестесінде кесте ұяшықтарына ортаға қоюға болады.

Кестеде әрбір ұяшықты қалай орталықтандырады

Мәнер парағына келесі жолдарды қосыңыз:

td, th {text-align: center; }

Кестеде әрбір бас тақырып ұяшығын қалай орталықтандырады

Мәнер парағына келесі жолдарды қосыңыз:

th {text-align: center; }

Кесте басындағы, корпусындағы немесе аяғындағы әрбір ұяшыққа ортақтасу

Бұл ұяшықтарды ортаға қою үшін , және сияқты әрдайым пайдаланылмайтын кесте тегтерін қосу керек. Содан кейін үстелдің басын, денесін және аяқты анықтау үшін кесте ұяшықтарын осы тегтермен қоршайсыз. Осыдан кейін, сіз өзіңіздің стиліңізге мыналарды қосасыз:

td {text-align: center; } tbody th, tbody td {Мәтінді туралау: орталық; } tfoot th, tfoot td {text-align: center; }

Орталықтағысы келмейтін аймақтар үшін мәнерлерді алып тастаңыз.

Кестеде нақты ұяшықтарды немесе ұяшықтарды қалай ортаға қою керек

Мұны істеу үшін сіз орталықты қалайтын ұяшықтарға сынып орнатыңыз.

Орталықтағыңыз келетін кесте ұяшығына келесі төлсипатты қосыңыз:

class = «орталықтандырылған ұяшық» >

Содан кейін стилі парағына төмендегіні қосыңыз:

.centered-cell {text-align: center; }

Сіз бұл классыңызды кестеңіздегі кез келген ұяшыққа қоса аласыз.

Аяқтау

Осы стильдерді кез келген кесте ұяшығына пайдалануға қымсынбаңыз. Оларды біріктірілген ұяшықтарда немесе бір ұяшықта қолдануға болады, ал мәтіннің ішінде орталықтандырылған болады.