CSS将文本框包装到多个图像答案

【问题标题】：CSS wrapping text box to multiple imagesCSS将文本框包装到多个图像
【发布时间】：2011-11-18 17:43:40
【问题描述】：

在过去的几个小时里，我一直被困在试图将我的文本框与多张图片包装在一起，如下图所示：

甚至可以不使用 js 库吗？

此外，该解决方案必须适用于从 IE6 到当今浏览器的所有内容，无需 js。

【问题讨论】：

我设法通过在两个空 div 上使用 float:left 来修复它，像我附上的图片一样整齐地排列，在文本字段上使用 position:relative。在 IE6 中工作 - 成功！

【解决方案1】：

我能想到的两种方法是将图像一分为二并使用float:right 和text-align 让文本“跟随”图像或使用此处概述的多div hack：http://www.ideashower.com/ideas/active/css-text-wrapper/ .

但是如果不使用 javascript，就没有什么特别整洁的了。

【讨论】：

【解决方案2】：

它是：

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

【讨论】：