为什么围绕图形包裹文字不是在woking?

时间:2016-12-01 10:27:57

标签: html css

正如我从website读到的那样,我尝试在图像周围包装段落文本。我是html的新手!我认为这必须是代码中的一个小修正。

但我没有那么做..

<div style="width: 100%; float: left;"> 
<img src="http://www.postalwebplus.com/yahoo_site_admin/assets/images/Passport-Photo.300110653_std.jpg" alt="left" width="150px" >
 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>

如何摆脱这个?

谢谢你的帮助!!!

我希望文本应该包含一些like this.

2 个答案:

答案 0 :(得分:3)

Validator::email($email) 添加到您的图片中。

&#13;
&#13;
align="left"
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你添加了alt = left .. alt属性的功能是在图像的缺失中显示一些替代文字。除此之外,您需要调整需要根据需要向左或向右调整图像。

<div style="width: 100%; float: left;"> 
<img src="http://www.postalwebplus.com/yahoo_site_admin/assets/images/Passport-Photo.300110653_std.jpg" alt="left" align="right" width="150px" >
 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>