为什么在<img/> </p>上设置align =“left”后会出现<p>

Question

<img ...>
<p>..</p>

如果未在align="left"上设置img，则p将从空行开始。

<img ... align="left">
<p>..</p>

但在设置align="left"后，p会出现img，为什么？

Answer 1

我想<img>对齐attribut将像CSS浮动属性一样工作。它使您的图像浮动。如果您希望<p>保持在<img>之下，那么您应该这样做。

<img ... align="left" />
<div style="clear: both;"></div>
<p>..</p>

---

Float image to left or right using CSS

HTML使用align属性：

<img src="image.jpg" align="right">

XHTML使用内联样式：

<img src="image.jpg" style="float: right" /> 

---

证明： HTML img align Attribute

  

<img>的align属性是   已弃用，并且不受支持   HTML 4.01严格/ XHTML 1.0严格   DTD。

     

改用CSS。

     

CSS语法：<img style="float:right" />

Answer 2

在图像上向左或向右设置对齐html属性相当于浮动图像的CSS。

Answer 3

了解内联和块元素。我不记得任何好的网站（英文），现在解释这两种类型之间的差异，所以尝试Google it。

设置align="left"（这应该转换为CSS中的等效项：float: left）会使img元素浮动。再次阅读有关花车的信息。

Answer 4

也许最好尝试一下：

<p><img align="left" /></p>

或者可能是：

<img align="left" />
<p style="clear:left"></p>