Მარტივი გზა ცენტრი მაგიდის გამოყენებით CSS

ერთი ხაზი კოდი არის ყველა თქვენ უნდა ცენტრი მაგიდასთან

Cascading Style Sheets (CSS) არის სტილის ფურცელი ენა ხშირად გამოიყენება ვიზუალური სტილი ვებ გვერდების დაწერილი HTML და XHTML. თქვენ შეიძლება იყოს ახალი ვებ დიზაინი ან CSS და აქვს შეკითხვები, თუ როგორ უნდა ცენტრი მაგიდაზე ვებ გვერდზე. თქვენ ასევე შეიძლება გამოცდილი დიზაინერი, რომელიც დაბნეულია იმაზე, თუ როგორ უნდა შეასრულოს ეს ტექნიკა ახლა, რომ ცენტრში tag და გასწორება = "ცენტრი" ატრიბუტი არის უარყოფილი TABLE tag. CSS- ის მეშვეობით, ვებ-გვერდზე განთავსებული მაგიდები არ არის რთული.

გამოიყენეთ CSS მაგიდის ცენტრში

თქვენ შეგიძლიათ დაამატოთ ერთი ხაზი თქვენს CSS სტილი ფურცლის ცენტრში ყველა მაგიდის ჰორიზონტალურად:

მაგიდა {margin: auto; }

ან შეგიძლიათ დაამატოთ იგივე ხაზი თქვენს მაგიდასთან პირდაპირ:

ვებ-გვერდზე განთავსებული მაგიდის განთავსება, ბლოკ-დონის ელემენტში, როგორიცაა BODY, P, BLOCKQUOTE ან DIV. შეგიძლიათ გამოიყენოთ მაგიდა ამ ელემენტის ფარგლებში ზღვარი: ავტო; სტილი. ეს ბრაუზერს ეუბნება, რომ მაგიდის ყველა მხარეს თანაბარი სიგრძის გაკეთება მოხდეს, რომელიც მაგიდის პოზიციაზეა განთავსებული ვებ-გვერდის ცენტრში.

ზოგიერთი ძველი ვებ ბრაუზერები არ გამოიყენოთ ეს მეთოდი

თუ თქვენს ვებ-გვერდს უჭერენ მხარს ძველი ვებ-ბრაუზერი, როგორიცაა Internet Explorer 6, მაშინ საჭიროა გააგრძელოთ align = "center" ან ცენტრის მაგიდა თქვენი მაგიდის ცენტრში. ეს არის ერთადერთი გართულება, რომელიც გადააწყვეთ თქვენს მაგიდებზე ვებ-გვერდზე. ამ ტექნიკის გამოყენება მარტივია და შეიძლება შესრულდეს რამდენიმე წუთში.