2014-09-10 4 views
0

Как показано на этом скриншоте, я пытаюсь обернуть текст, чтобы он обходил фон-img.Обтекание текстом с фоном-img

Очевидно, что это не будет работать все в себе, поэтому я пришел сюда, чтобы попросить возможного решения. Есть несколько способов, о которых я подумал о себе, например о размещении изображения с использованием абсолютного позиционирования, но я уверен, что это не поможет мне обернуть текст.

+0

CSS http://pastebin.com/cWbbAUY2 –

+0

Помните, когда вы плавающие элементы, то элемент, который предположительно «float: right» должен быть помещен как первый элемент в структуру html! :-) – SHT

ответ

0

Создать класс CSS с именем TextWrap или что вы выбираете со свойствами следующим образом:

.TextWrap { 
    float: left; 
    margin: 10px; 
} 

Adjust поплавок/запаса в зависимости от того, где вы хотите, чтобы изображение по отношению к тексту. Добавьте класс как имя в изображение в HTML.

0

Существует JQuery плагин для вещи, как это:

http://www.jwf.us/projects/jQSlickWrap/

Вот что они говорят:

Зачем мне это нужно?

Если вы когда-либо чувствовали потребность обернуть материал вокруг неправильной формы изображения с помощью поплавка CSS, вы, возможно, были несколько разочарованы, обнаружив, что она вынуждена, чтобы обернуть вокруг ограничительной рамки на изображении, а не фактическое содержимое изображения.

UPD. И еще один один: http://baconforme.com/

+0

Демонстрация: http://adminway.ru/primer/align-img.html – iVenGO

5

недавно нашел только такой кусок может помочь

shape

 Смежные вопросы

  • Нет связанных вопросов^_^