CSS wrapping text box to multiple images

问题

I have been stuck the last couple of hours trying to wrap my text box against multiple images, as seen on this picture:

Is it even possible without using a js library?

Also, the solution has to work in everything from IE6 to today's browsers, without js.

回答1:

The two ways I can think off would be two split the image into two and use float:right and text-align to get the text to 'follow' the image or use the multi-div hack outlined here: http://www.ideashower.com/ideas/active/css-text-wrapper/ .

But there's nothing particularly neat without using javascript.

回答2:

It is:

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" />

来源：https://stackoverflow.com/questions/8186618/css-wrapping-text-box-to-multiple-images