Matnning o'ng tomonidagi rasmni qanday suratga olish kerak

Ushbu besh daqiqalik o'quv qo'llanma qanday qilib tushuntirilgan

Rasmni matnning o'ng tomoniga qanday suratga olishni o'rganishni xohlaysizmi? Agar shunday bo'lsa, siz yolg'iz emassiz. Dasturchilar veb-sahifadagi matnni matnning ichida paydo bo'lishini xohlaydigan yoki atrofidagi matn bilan birga ko'rishni istagan vaziyatlar ko'p. Yaxshiyamki, tasvirlarni manipulyatsiya qilish matnni manipulyatsiya qilishga o'xshaydi, shuning uchun agar siz ikkinchi tajribaga ega bo'lsangiz, bu jarayon juda qiyin bo'lmasligi kerak.

Aslida, CSS float xususiyati bilan rasmingizni matnning o'ng tomoniga surish va uning atrofidagi matn chap tomonda oqishi oson . Qanday qilib o'rganish uchun ushbu besh daqiqalik qo'llanmani ishlating.

Ishni boshlash

Boshlash uchun matnning paragrafini yozing va xatboshining boshida rasm qo'shing. Bu matndan oldin, lekin

tagidan keyin amalga oshirilishi kerak):

Duvarlar sizni shunchaki vaqtni tejashga majbur qiladilar. Buning ustiga, ishni bajarish uchun ishlash kerak. Shu bilan birga, nostrudda mashq qilishni istisno qilmaslik kerak. Mollit anim va id laborum.

Keyin tasvirga uslubiy xususiyat qo'shing va float xususiyatini qo'llang:

style = "float: right;" />

Sizning matningiz rasmga qarshi o'raladi, shuning uchun uni o'qishni osonlashtiradigan tasvirga ba'zi chekka joylarni qo'shing:

margin: 0 5px 0 0; " />

Margin stenogi xususiyati buyurtma yuqorida, o'ngda, pastda va chapda ( TRBL ) marginsni qo'llaydi .

O'rash

Va buni amalga oshiradi. Keling, o'ng tomonda suzib yuruvchi suzish qiyin emasligini ko'rasiz. Chapdagi rasmni suzish va uni markazga surish qiziqtirishi mumkin. Birinchi harakatni amalga oshirish mumkin bo'lsa-da, afsuski, tasvirni markazga surish mumkin emas, chunki odatda ikkita ustunli tartibni talab qiladi.