თუ თქვენ ახალბედა ვებ დიზაინერი ხართ, შესაძლოა, კითხვები დაგჭირდეთ მაგიდის უჯრედის შიგნით. ამ სახელმძღვანელოსთან ერთად, რამდენიმე წუთის განმავლობაში ამ ტექნიკის შეძენა. ეს ადვილია - მაშინაც კი, თუ თქვენ არასოდეს ცდილობდა ადრე.
ვიწყებთ
უჯრედის შიგნით ჩასმა არის საუკეთესო CSS- ზე, ისევე, როგორც თქვენს ვებ-გვერდზე სხვა ელემენტში ტექსტის ტექსტს . სანამ დაიწყება, თქვენ უნდა გადაწყვიტოს, რა გსურთ გვინდა ორიენტირებული. მაგიდაზე გაქვთ რამდენიმე ვარიანტი, მათ შორის ყველა საკანში მაგიდაზე; მაგიდაზე ყოველი სათაურის საკანში მაგიდასთან, მაგიდის სხეულსა თუ მაგიდის ფეხით ყველა საკანში. თქვენ ასევე შეგიძლიათ ცენტრის სპეციფიკური უჯრედის ან საკნების მაგიდა.
გარდა ამისა, თქვენ უნდა შექმნათ შიდა სტილის ფურცელი თქვენს დოკუმენტის ხელმძღვანელზე ან დოკუმენტთან დაკავშირებული დოკუმენტი, როგორც გარე სტილის ფურცელი . თქვენ სტილს დააყენებთ თქვენს მაგიდასთან საკნების ცენტრში.
როგორ მივაღწიოთ ცენტრს ყველა უჯრედი მაგიდაზე
დაამატეთ შემდეგი ხაზი თქვენს სტილიდან:
td, th {text-align: center; }როგორ მივაღწიოთ ცენტრის ყველა თავსაბურავს მაგიდაზე
დაამატეთ შემდეგი ხაზი თქვენს სტილიდან:
th {text-align: centre; }Cent Celling ყველა საკანში ცხრილი უფროსი, Body ან Foot
ამ საკნების ცენტრის შესაქმნელად საჭიროა მაგიდის ნიშნების დამატება, რომლებიც ყოველთვის არ გამოიყენება, როგორიცაა ,
და . შემდეგ, თქვენ გარს შემოგთავაზებთ თქვენს მაგიდასთან უჯრედებს ამ ტეგებით, რათა გამოიკვლიოთ მაგიდის ხელმძღვანელი, სხეული და ფეხები. ამის შემდეგ თქვენ დაამატე სტილის ფურცლის შემდეგ: thead th, thead td {text-align: ცენტრი; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: ცენტრი; }წაშალეთ სტილები იმ ადგილებში, რომლებსაც არ უნდა იყოთ ორიენტირებული.
როგორ მივაღწიოთ ცენტრის სპეციფიკურ უჯრედს ან საკნებს მაგიდაზე
ამისათვის თქვენ უნდა დააყენოთ კლასები საკნებში, რომელთა დაცვაც გსურთ.
დაამატეთ შემდეგი ატრიბუტი მაგიდის უჯრედებს, რომელთა დაცვაც გსურთ:
შემდეგ დაამატე თქვენი სტილის ფურცელი:
.centered-cell {text-align: center; }თქვენ შეგიძლიათ დაამატოთ ეს კლასი თქვენს მაგიდაზე ნებისმიერ საკანში.
შეფუთვა
ნუ მოგერიდებათ გამოიყენოთ ეს სტილის ნებისმიერი მაგიდა საკნები. თქვენ შეგიძლიათ გამოიყენოთ ისინი გაერთიანებულ უჯრედებში ან ერთ უჯრედებზე და ტექსტის ფარგლებში იქნება ორიენტირებული.