Я просто зациклился на позиционировании изображения и переносе текста над ним (!) Ситуация проста: у меня есть элемент «p» с некоторым текстом и «img» внутри этого «p», все, что мне нужно, это: переместить мое изображение вниз внутри этого абзаца и сделать так, чтобы текст обтекал это изображение.
<p><img src="/some/source/">Some text</p>
Вот кодовое представление моей проблемы
Спасибо за любую помощь!
2 ответа
По сути, четыре числа после полей представляют собой ВЕРХНИЙ ПРАВЫЙ НИЖНИЙ ЛЕВЫЙ. Итак, если вы хотите добавить пробелы к выровненному по правому краю изображению, вы должны сделать это:
<img data-original="IMAGE URL" align="right" style="margin: 0px 0px 0px 10px;" /><p>Your text goes here.</p>
Также ознакомьтесь с этим руководством.
Выровнять значения атрибута
<img align="left|right|middle|top|bottom">
Вы можете использовать свойство shape-outside, чтобы создать фигуру вокруг изображения и обернуть текст следующим образом:
shape-outside:polygon(20px 280px, 260px 29px,9px 215px,30px 80px)
Похожие вопросы
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.