Როგორ გადავიდეს გამოსახულება ტექსტის მარჯვნივ

ამ ხუთ წუთიანი სამეურვეო განმარტავს როგორ

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

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

ვიწყებთ

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

ტეგის შემდეგ):

დუის რეჟიმი იშვიათია, მაგრამ ისიც სუნთქვა ხდის რეპუტაციაში. მოყვარულებს არაფერს აკეთებენ, რათა გაეცნონ და გაახარონ. ჩვენთან ერთად ვსწავლობთ სავარჯიშოების გარეშე. Mollit anim id is laboratory.

შემდეგი, დაამატე სტილის ატრიბუტი გამოსახულება და გამოიყენეთ float ქონება:

სტილი = "float: right;" />

შენი ტექსტი იქნება გამოსახული წინააღმდეგ იმიჯი, ასე რომ დაამატოთ გარკვეული მინდვრები იმიჯი, რათა ის ადვილად წაკითხვა:

margin: 0 5px 0 0; " />

ზღვარი მოკლევადიანი ქონება ვრცელდება მინდვრებზე ზედა, მარჯვენა, ქვედა და მარცხენა ( TRBL ) მიზნით.

შეფუთვა

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