属性

最新推荐文章于 2021-06-18 17:09:17 发布

weixin_34210740

最新推荐文章于 2021-06-18 17:09:17 发布

阅读量170

点赞数

原文链接：http://www.cnblogs.com/feggd/archive/2013/05/14/3078133.html

版权

属性

文本流中的其他行会在内联图像的底部显示，除非图形的 <img> 标签被设置为左对齐或右对齐（对于 <table> 标签也一样）。因此， 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。

1.不带有 align 属性的 <img> 标签与带有 clear 属性的 标签

<body>
<img src="/i/eg_greanfoliage.jpg" />
This text should wrap around the image, flowing between the image and the right margin of the document.
<br />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.
</body>

2.带有 align 属性的 <img> 标签与不带有 clear 属性的 标签

<body>
<img src="/i/eg_greanfoliage.jpg" align="left" />
This text should wrap around the image, flowing between the image and the right margin of the document.
<br />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.
</body>

3.带有 align 属性的 <img> 标签与带有 clear 属性的 标签

<body>
<img src="/i/eg_greanfoliage.jpg" align="left" />
This text should wrap around the image, flowing between the image and the right margin of the document.
<br clear="left" />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.
</body>

4.align 属性为 absmiddle 的 <img> 标签与clear 属性为 left 的 标签

<body>
<img src="/i/eg_greanfoliage.jpg" align="absmiddle" />
This text should wrap around the image, flowing between the image and the right margin of the document.
<br clear="left" />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.
</body>