Გამოყენება CSS შუა: ტექსტი და მაგიდა

ინფორმაცია მსოფლიოს ყველა მისი ელემენტები და წარმოდგენილია დაახლოებას ელემენტები, სიტყვა და ტექსტები, ან ბოლო ინსტანციის გაფორმდება - ტექსტები და მაგიდები. თქვენ შეგიძლიათ განიხილოს სხვა, უკვე ცნობილია, მონაცემთა სტრუქტურები, ისევე, როგორც სურათები, მაგრამ გამოიყენოს CSS და HTML საკითხები თვალსაზრისით ტექსტის ფორმატირების დარჩენილი ინფორმაცია ფორმა აქვს სხვადასხვა პერსპექტივა.

Proper საიტი გვერდზე სტრუქტურა მოიცავს პოზიციის განსაზღვრის თითოეულ ელემენტს. HTML დოკუმენტი ყოველთვის - თანმიმდევრობა ელემენტების ჩვენება პირდაპირ გავლენას ახდენს სამი ძირითადი წესები:

• აბსოლუტური (პოზიცია);
• ადგილზე ნაკადი;
• z-ინდექსი.

სხვა დაბინავების ასევე მნიშვნელოვანია, მოითხოვს უფრო მეტი ცოდნა პრობლემის მოგვარება ცენტრთან "ცენტრში ტექსტში".

ცენტრი და განვიხილეთ წესები

CSS წესები შეავსოს HTML დოკუმენტი, მაგრამ უფლების გარეშე ამ უკანასკნელს შეუძლია გაუმკლავდეს ნებისმიერ გუნდის ვარიანტი. საყოველთაოდ მობილური მოწყობილობების და დიზაინი ზრუნვა მიმართულებით მეტი სიმარტივე და "squareness" ხდის საკითხი ცენტრი მიმდინარე, ხოლო მეორე გუნდის ხშირად კარგავს ღირებულებას.

მთავარი ელემენტია გვერდზე - unit აღწერილი გარკვეული სტილი. საერთოდ ჰორიზონტალური სწორება: text-align შეუძლია, როგორც მოხდა მხოლოდ ოთხი ღირებულებები (მარცხენა, ცენტრი, უფლება, გაამართლოს). თქვენ შეგიძლიათ შეასრულოს ვერტიკალური აერთიანებს ღირებულება უფლება სიმაღლე და ხაზის სიმაღლე:

{
სიმაღლე: 88px; // ამ თანაფარდობა
ხაზის სიმაღლე: 88px; // css ტექსტი ცენტრი - ვერტიკალური
}

შეგიძლიათ ექსპერიმენტი სხვადასხვა წესები. ; წყაროები ი ნახსენები ინტერპრეტაცია ბლოკი ჩვენება წესები: მაგიდა, ჩვენება: მაგიდის საკანში და ვერტიკალური-align: შუა; მაგრამ არა ყოველთვის მუშაობს.

ისეთ ტექსტი ცხრილები

მხოლოდ მონაცემები სტრუქტურა, რომელიც იყო გაგებული უნდა იქნეს პირველი და ცხოვრება სამუდამოდ - მაგიდა. ის უზრუნველყოფს და ვერტიკალური და ჰორიზონტალური განვიხილეთ, გარდა ამისა, კითხვაზე, თუ როგორ განათავსოთ ტექსტი CSS ცენტრი, გამოყენებით მაგიდები აღარ აქვს კომპლექსი მნიშვნელობა.

არსებული პრაქტიკის გამოყენებით CSS წესები, რათა მივაღწიოთ კონკრეტულ მიზნით markup ყოველთვის არ აკმაყოფილებს კონცეფცია კასკადური სტილების. არაფერი უშლის დეველოპერი ასრულებს გუნდის ნებისმიერი მიმართულებით დებს შინაარსის ცენტრალური საკანში მაგიდასთან სამი სვეტი და სამი რიგები.

ეს გადაწყვეტილება არ არის სტანდარტული, მაგრამ ეფექტური. იმის ნაცვლად, რომ ხანგრძლივი და დეტალური პრობლემის მოგვარება ჯვარი-ბრაუზერის გვერდი და ველით მინდვრები მარცხენა, მარჯვენა, და ასე შემდეგ. თქვენ შეგიძლიათ გამოიყენოთ ცუდია პროცენტული სიგანე და row სიმაღლეებზე საკნების მაგიდები.

Alignment მეშვეობით JavaScript

კითხვაზე, "როგორ განათავსოთ ტექსტი ორიენტირებული HTML" ელემენტარული გადაწყვეტა ალგორითმი, ბრაუზერის ენა, და აქვს ბევრად უფრო პრაქტიკული და სანახაობრივი დიზაინი.

დიზაინი სტილი Files უკვე წავიდა ნაკადი, და თითქმის ყველა თავმოყვარე შინაარსის მართვის სისტემა უზრუნველყოფს დეველოპერი ადგენს სტილის ყველა შემთხვევა. მაგრამ ცხოვრება ყოველთვის მოითხოვს კონკრეტული: აუცილებელია ყოველი ნულიდან უნდა ვიფიქროთ, თუ როგორ არის იგი CSS ტექსტის შუა ადგილი. ვარიანტი მისაზღვრების მიზნებისათვის ერთეული, "გაერთიანებულია" მხარეს გვერდზე, არამედ იმიტომ, რომ მე მაქვს ზომა, ძლივს შესაფერისი ბლოკი pop-up მენიუ, რომელიც აგებულია სხვადასხვა ელემენტებს.

შესამჩნევი ორიენტირებული - ეს არ არის ყოველთვის ადვილი ბლოკირება, რომელიც თავდაპირველად ცნობილი იყო, სადაც მარცხენა მხარეს და რამდენი პიქსელი უფლება, სადაც ზედა, და არ იძლევა გარანტიას, რომ ბოლოში - ის ხაზი, რომლის შესახებაც უნდა შეასრულოს ვერტიკალური.

ერთი ტენდენცია, სტილი უნდა განისაზღვროს შინაარსი. უფრო მეტი საიტები ხართ სტუმარი ინფორმაციით, ვიზუალური და ხმოვანი - მხოლოდ გარდა ჩვეულებრივი ტექსტი. რომ გმირები სასურველი შინაარსის (ეს არ ვრცელდება ვებ ხელოვნება, მხატვრობა, მუსიკა, და ა.შ.) - ეს არის საკითხი, საჭირო ინფორმაცია სტუმარი.

მახასიათებლები პრეზენტაცია ტექსტი და HTML

მოხდა ისე, რომ განუყოფელი ელემენტია გვერდზე content - ტექსტი, და არა სიტყვა. სემანტიკა - კომპეტენციას დეველოპერი (საიტის მფლობელი). რეალურად ტექსტი შეიძლება იყოს ერთი tag, რომ არის ბუნებრივი სასჯელი შეიძლება იყოს არა მხოლოდ თანმიმდევრობა გმირები და თანმიმდევრობით tags რომელიც შეიცავს სიმბოლოებს. აქედან გამომდინარეობს, რომ "მძიმე" CSS "ცენტრში ტექსტში" შეიძლება მხოლოდ იმ მარტივი შემთხვევაში.

Server ექსტრადიციის მოთხოვნის ბრაუზერის ძალიან ფართო და შეიცავს ბევრ ელემენტები, ყოველთვის არ არის დაკავშირებული, რა იქნება ნაჩვენები. როდესაც დიზაინის განლაგება გვერდი მნიშვნელოვანია, რომ განათავსებს აქცენტი თვალსაზრისით პრეზენტაცია, კერძოდ, განვიხილეთ. რაღაც უკეთესი უნდა გავაკეთოთ სერვერზე რომ კლიენტი, რომელიც ბრაუზერში. ყოველთვის არ დაეყრდნონ CSS წესები, ფოკუსირება საბოლოო ჯამში ბევრად უფრო პრაქტიკული.