css实现文字在左，图片在右

1.文字包裹图片

首先应该把<img> 标签写在 <p>标签的前面，然后给<img>标签设置浮动float属性.

• 代码

• 效果

2.文字浮动在左，图片在右

有时候我们并不想让图片包裹文字，而是想让文字区域有一个固定的区域然后放置在图片的左端，这个时候，只需在上面代码的前提下再给<p>标签加上宽度以及浮动属性

• 代码

• 效果

还有一个问题需要注意一下，就是当有一连串不间断的字母时，它不会自动折行

 

解决方法

给<p>加上属性word-break:break-all;