Можно ли обернуть текст вокруг изображения, как показано ниже

Использование функции eval очень опасно, если вы не можете управлять строковым аргументом.

Попробуйте Matex для безопасного вычисления математических формул.

2
задан Yadhu Babu 13 July 2018 в 05:37
поделиться

1 ответ

Вы можете использовать свойство shape-outside. Но я боюсь, что он не поддерживается во всех браузерах.

См. Ссылку: https://css-tricks.com/almanac/properties/s/shape-outside/

Поддержка браузера: https://caniuse.com/#search=shape-outside

.element{
  shape-outside: url(https://png.icons8.com/metro/300/right-footprint.png);
  shape-image-threshold: 0.5;
  float: left;
}
<img class="element" src="https://png.icons8.com/metro/300/right-footprint.png" />
<p>Lorem ipsum dolor sit amet, ut possit iudicabit usu, ea est detracto intellegat, minim splendide pertinacia te nec. Eu eos elit eripuit bonorum. Eu qui decore indoctum, qui elitr propriae intellegat id. Mei fabulas oporteat postulant eu. Eam at denique vituperata, eu quo ullum oblique, ne prompta iudicabit ius.

Te paulo audire adipisci eum. Has unum errem blandit in, integre dolorem graecis cum ex. Cum at doctus voluptaria voluptatibus. Cibo facilisi abhorreant cu cum. Mei ex zril lucilius. Vix scripserit persequeris ne, cu etiam disputando mea.

Sed ei tollit commune consequat, te alii cibo eleifend mel. Meis bonorum usu eu. Ea graecis necessitatibus ius. Semper utamur usu eu, utinam consectetuer his ei, id decore perpetua per.

Est ea modo dico tota, habeo lobortis suscipiantur te vix, viris altera principes ea eos. Wisi verear ei duo, magna partem vulputate ei mei. Cum ad purto prima legere, erant audire qui at. Nominati constituto repudiandae ut sed, mei cu porro error pericula, ad mollis pertinax principes est. Sed evertitur temporibus philosophia ne, ne zril integre temporibus qui, his option postulant assentior ne. Id mea labore appellantur, has hinc populo cu, at vis elitr everti torquatos.

Hinc purto illum an vis, nam tation sensibus at, reque munere complectitur id sed. Vel everti assentior conceptam te. Vel ut reque dolorum assentior, apeirian liberavisse at nam, vix at regione evertitur temporibus. Blandit persecuti sadipscing no mei.</p>

2
ответ дан caiovisk 17 August 2018 в 13:38
поделиться
  • 1
    его работа в хроме и сафари Ios не уверен в firefox любым способом хороший ответ – Yadhu Babu 13 July 2018 в 06:15
  • 2
    Не работает над FF 61, но, похоже, будет поддерживаться в следующем выпуске FF 62 – caiovisk 13 July 2018 в 06:19