Хүснэгтийн нүдэнд текстийг хэрхэн төвлөрүүлэх вэ?

Хэрэв та шинэхэн вэб дизайнер бол хүснэгт доторх текстийг хэрхэн төвлөрүүлэх талаар асуулт байж болох юм. Энэ гарын авлагыг ашиглан энэ техникийг хэдэн минутын турш эзэмшинэ. Энэ бол амар.

Эхлэх

Телефон доторх текстийг төвлөрүүлснээр CSS-тэй хамгийн сайнаар хийгдсэн байх болно. Гэхдээ эхлэхээсээ өмнө яг юуг төвлөрүүлэхийг хүсч байгаагаа шийдэх хэрэгтэй. Хүснэгтээр хүснэгтэнд байгаа бүх нүдийг агуулсан хэд хэдэн сонголт байна. хүснэгтийн толгойн хэсэг бүр хүснэгтийн толгой дахь хүснэгтийн толгой хэсэг, хүснэгтийн хэсэг эсвэл хүснэгтийн хөлөө. Та мөн хүснэгтийн доторх эс буюу иж бүрдэл хэсгүүдийг төвлөрүүлж болно.

Үүнээс гадна та өөрийн баримтын эхэнд дотоод загварын хуудсыг үүсгэх эсвэл баримт бичигт гаднах загварын хуудсыг хавсаргах хэрэгтэй. Та хэв маягийн хуудсан дээр өөрийн хүснэгтийн нүдийг байрлуулах стилиудыг байрлуулна.

Хүснэгт бүрийг хэрхэн байрлуулах вэ?

Дараах мөрийг өөрийн загварын хуудсанд нэмнэ үү:

td, th {text-align: center; }

Хүснэгтийн толгой бүрийг хэрхэн байрлуулах вэ?

Дараах мөрийг өөрийн загварын хуудсанд нэмнэ үү:

th {text-align: center; }

Хүснэгт бүрийг толгой, бие, хөлийн төвд байрлуулдаг

Эдгээр нүдийг төвлөрүүлэхийн тулд та үргэлж , болон зэрэг үргэлж ашиглагдахгүй хаягийн тагуудыг нэмэх хэрэгтэй болно. Дараа нь та хүснэгтийн толгой, бие, хөлийг танихын тулд хүснэгтийн нүднүүдийг эдгээр шошгуудаар хүрээлэх болно. Дараа нь та өөрийн хэв маягийн хуудсанд дараах зүйлийг нэмнэ үү:

thead th, thead td {текст-align: center; } tbody th, tbody td {текст-align: center; tfoot th, tfoot td {text-align: center; }

Төвлөрч хүсэх газруудад зориулж стилийг хасах.

Хїснэгтэнд тусгай эс буюу эсийг хэрхэн байрлуулах вэ?

Үүнийг хийхийн тулд, та төвтэй байхыг хүсч байгаа эсүүд дээрээ анги үүсгэх хэрэгтэй.

Дараах шинж чанарыг төвлөрүүлэхийг хүсэж байгаа хүснэгтийн нүдэнд нэмнэ:

class = "centered-cell" >

Дараа нь өөрийн загварын хуудсанд дараах зүйлийг нэмж оруулна уу:

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

Та энэ ангид өөрийн хүснэгтийн аль ч нүдэнд нэмэх боломжтой.

Дуусгах

Эдгээр хэв маягийг хүснэгтийн аль ч нүдээр ашиглахыг бүү эргэлз. Та үүнийг нэгтгэсэн нүдээр эсвэл ганц нүд дээр ашиглах боломжтой ба доторх текстийг төвлөрүүлэх болно.