1.文字包裹图片
首先应该把<img>
标签写在 <p>
标签的前面,然后给<img>
标签设置浮动float
属性.
-
代码
-
效果
2.文字浮动在左,图片在右
有时候我们并不想让图片包裹文字,而是想让文字区域有一个固定的区域然后放置在图片的左端,这个时候,只需在上面代码的前提下再给<p>
标签加上宽度以及浮动属性
-
代码
-
效果
还有一个问题需要注意一下,就是当有一连串不间断的字母时,它不会自动折行
解决方法
给<p>
加上属性word-break:break-all;