Този петминутен урок обяснява как
Интересувате ли се да научите как да плувате изображение вдясно от текста? Ако е така, не сте сами. Има много ситуации, при които програмистите искат изображение на уеб страница да се появи в текста, като текстът се разкрива или се обвива около него. За щастие, манипулирането на изображения е подобно на манипулиращия текст, така че ако имате опит с последния, този процес не трябва да бъде трудно изобщо.
Всъщност, с CSS float property, лесно можете да плувате с изображението си вдясно от текста и да имате текст около него от лявата страна . Използвайте този пет-минутен урок, за да научите как.
Приготвяме се да започнем
За да започнете, напишете параграф от текста и добавете изображение в началото на параграфа. Това трябва да се направи преди текста, но след маркера
):
След това добавете атрибут на стила към изображението и приложете свойството float:
Текстът ви ще бъде притиснат до изображението, така че да добавите някои полета към изображението, за да сте по-лесни за четене:
Корпоративната собственост на маржа се прилага в горния, десния, долния и левия ред ( TRBL ).
Обобщавайки
И това го прави. Сега виждате, че изобразяването на плаващи изображения надясно изобщо не е трудно. Възможно е да се интересувате и от преобръщане на изображение вляво и от плаване до центъра. Докато първият ход е възможен, за съжаление не можете да плувате изображение в центъра, тъй като това обикновено изисква оформление с две колони.