CSS 在图像周围排列对齐的文本答案

【问题标题】：CSS flow justified text around an imageCSS 在图像周围排列对齐的文本
【发布时间】：2009-12-07 18:19:31
【问题描述】：

在图像周围排列文字：

HTML

<div>
  <span id="photo"><img src="photo.png"</span>
  <span id="text">Lorem Ipsum, blah, blah, blah ...</span>
</div>

CSS

#photo {float:left;margin:0px 8px 5px 0px;}
#text {text-align:justify;}**

文字在图像周围流动，但不对齐（左对齐）。如果我将文本元素向左浮动，则对齐是正确的（如我所愿），但文本不会在图像周围流动，而是在图像下方流动 - 我该如何解决这个问题？

【问题讨论】：

标签： css

【解决方案1】：

text-align 属性实际上属于封闭块元素而不是内联元素。所以把它移到封闭的块：

div { text-align: justify; }

这个属性描述了如何内联块的内容对齐。价值观有以下含义：

（强调）

【讨论】：

【解决方案2】：

您需要将图像从跨度中取出，或者将跨度向左浮动。

【讨论】：