1.文字包裹圖片
首先應該把<img> 標簽寫在 <p>標簽的前面，然后給<img>標簽設置浮動float屬性.
-
代碼
-
效果
2.文字浮動在左，圖片在右
有時候我們並不想讓圖片包裹文字，而是想讓文字區域有一個固定的區域然后放置在圖片的左端，這個時候，只需在上面代碼的前提下再給<p>標簽加上寬度以及浮動屬性
-
代碼
-
效果
還有一個問題需要注意一下，就是當有一連串不間斷的字母時，它不會自動折行
解決方法
給<p>加上屬性word-break:break-all;
