CSS- ის წმინდა ნაწილი CSS- ის ნაწილია. ეს საშუალებას მოგცემთ მიუთითოთ რა ელემენტები შეიძლება გაიწმინდოს გაწმენდილი ელემენტის გვერდით და რომელი მხარე (ებ) ი. წმინდა საკუთრებას აქვს ხუთი შესაძლო ღირებულება:
- არა
- მარცხენა
- უფლება
- ორივე
- მემკვიდრეობა
როგორ გამოვიყენოთ CSS ნათელი ქონება
მკაფიო ქონების ყველაზე გავრცელებული გზა არის ის, რაც თქვენ გამოიყენეთ float- ის ელემენტი ელემენტზე. მაგალითად:
ტექსტი ჩემს სურათთან ერთად.
ტექსტი, რომელიც ჩემი სურათის ქვემოთ არის.
ყველა ელემენტის ნაგულისხმევი ნათელია: არა; , ასე რომ, თუ არ გინდათ, რომ სხვა ელემენტები გარდამტეხი იყოს გარდა, თქვენ უნდა შეიცვალოს მკაფიო სტილი.
როდესაც თქვენ იღებთ floats, თქვენ ემთხვევა თქვენი ნათელი თქვენი float. ასე რომ, თუ თქვენ ელემენტს მარცხენა მხარეს, მაშინ უნდა გაირკვეს მარცხნივ. შენი მცურავი ელემენტი გაგრძელდება float, მაგრამ გაწმენდილი ელემენტი და ყველაფერი მას შემდეგ გამოჩნდება მას ვებ გვერდზე.
თუ თქვენ გაქვთ ელემენტები, რომლებიც ჩამოყალიბებულია ორივე მარჯვენა და მარცხენა, შეგიძლიათ გასარკვევი მხოლოდ ერთი მხარე ან შეგიძლიათ გასაგები ორივე.
გამოყენებით ნათელი Layouts
ყველაზე გავრცელებული გზა ყველაზე დიზაინერებს იყენებენ წმინდა საკუთრებაში არის გვერდი ელემენტების განლაგება . შესაძლოა, სურათის ბლოკზე გამოსახული სურათის მონიშვნა და მომდევნო პარაგრაფის გაკეთება გსურთ სურათზე ქვემოთ, ან შეიძლება მთლიანი ტექსტის სვეტი, რომელიც გინდა სხვა ტექსტის გვერდის გარდა, ქვემოთ მოყვანილი ტექსტი.
აქ არის HTML ფორმატის განლაგება.
მას აქვს ერთი div- ის კონტეინერი, რომელიც მეორეზეა მოთავსებული.
მოკლე განლაგებული div
შინაარსი შიგნით კონტეინერი div, რომლებიც აპირებენ იყოს მარჯვნივ მცურავი div.
ეს იმუშავებს ჯარიმასთან ერთად, მოკლე div- ის მცურავი ძირითადი განყოფილების დანარჩენი შინაარსიდან.
თქვენ შეგიძლიათ გათიშოთ ყუთში შემდეგი ტექსტის გასუფთავება, უბრალოდ, დაამატოთ ტეგი, სადაც გინდა, რომ დაიწყოთ ჩამოთვლილი ყუთში წერა.
მაგრამ პრობლემა ის არის, როდესაც ჩამოთვლილი ყუთი უფრო დიდია, ვიდრე მის გვერდით. შემდეგ, როგორც ხედავთ, ძირითადი ყუთების ფონის ფერი არ ჩაირთვება ჩამოთვლილი ყუთში.
საბედნიეროდ, არსებობს მარტივი გზა დაფიქსირება ამ: ქონება. ძირითადი ყუთი გადააფაროთ: ავტო; ფონის ფერი დარჩება გვერდის ბოლო ფსკასთან, როგორც ზემოთ მოცემული მაგალითზე .