CSS обтекание текстового поля для нескольких изображений - PullRequest
Новая
       18

CSS обтекание текстового поля для нескольких изображений

2 голосов
/ 18 ноября 2011

Последние пару часов я застрял, пытаясь обернуть мое текстовое поле в несколько изображений, как показано на этом рисунке:

http://imgur.com/cJvhh

Возможно ли это даже без использованияJS библиотека?

Кроме того, решение должно работать во всем - от IE6 до современных браузеров, без js.

Ответы [ 2 ]

0 голосов
/ 18 ноября 2011

Это: 

this is a class:
    .alignLeft {
      float:left; 
      margin-right: 1em; 
  }    
    .alignRight { 
     float:right;
     margin-left: 1em;
    }


 and the image calls it:



 <img src="photo.jpg" class="alignLeft" />
0 голосов
/ 18 ноября 2011

Два способа, которые я могу придумать, будут разделить изображение на два и использовать float:right и text-align, чтобы заставить текст «следовать» за изображением, или использовать многоточечный хак, описанный здесь: http://www.ideashower.com/ideas/active/css-text-wrapper/.

Но нет ничего особенно аккуратного без использования JavaScript.

...