Как да запълним изображение вдясно от текста

Този петминутен урок обяснява как

Интересувате ли се да научите как да плувате изображение вдясно от текста? Ако е така, не сте сами. Има много ситуации, при които програмистите искат изображение на уеб страница да се появи в текста, като текстът се разкрива или се обвива около него. За щастие, манипулирането на изображения е подобно на манипулиращия текст, така че ако имате опит с последния, този процес не трябва да бъде трудно изобщо.

Всъщност, с CSS float property, лесно можете да плувате с изображението си вдясно от текста и да имате текст около него от лявата страна . Използвайте този пет-минутен урок, за да научите как.

Приготвяме се да започнем

За да започнете, напишете параграф от текста и добавете изображение в началото на параграфа. Това трябва да се направи преди текста, но след маркера

):

Дъщерята е напусната, за да се появи временно. Кандидатът не е дисидент, работещ и помагал. Съгласен съм с изключителни упражнения. Mollit anim id est laborum.

След това добавете атрибут на стила към изображението и приложете свойството float:

стил = "float: right;" />

Текстът ви ще бъде притиснат до изображението, така че да добавите някои полета към изображението, за да сте по-лесни за четене:

margin: 0px 0 0; " />

Корпоративната собственост на маржа се прилага в горния, десния, долния и левия ред ( TRBL ).

Обобщавайки

И това го прави. Сега виждате, че изобразяването на плаващи изображения надясно изобщо не е трудно. Възможно е да се интересувате и от преобръщане на изображение вляво и от плаване до центъра. Докато първият ход е възможен, за съжаление не можете да плувате изображение в центъра, тъй като това обикновено изисква оформление с две колони.