最近有朋友问到怎么让图片在文字下或者文字环绕图片等问题．所以这章节特别讲解一下．本章节讲解完后就要开始高阶代码教程了．高阶代码教程必备的几项要素：

1, 有自己的上传空间(网上很多免费的，可以随便搜一下然后注册一个)；

2, 对代码必须非常熟悉(此章节后可能只提供各种成品代码，不再细讲解)．

 

　　关于本章节要讲述的内容......其实代码部分很简单，任何人都保证会用．不过对于具体操作部分繁琐一点，下面我会截图说明．

 

　　让文字环绕图片的方法其实很简单,不需要任何表格．请先熟悉如何在blog中上传图片．之前第三章节中有详细讲解．提供一下第三章节链接：

我先讲解全过程，然后再用图片做给大家．

　　1,传上一张图片，传好后插入到文章;

　　2,后请使用"显示源代码"；

　　3,修改代码，将图片代码的前后部分去掉，将align=****插入括号<IMG...>中的最后部分(记得空格)；

　　3,完成以上操作后，将整段修改后的代码复制到你想插入文章的地方即可．

(*.这里完成所有过程后，取消"显示源代码"的勾，是可以用鼠标调整图片的位置的)

(PS: align=left 图片居左；align=right 图片居右；align=center 图片居中；)

 

(PPS: 懂代码的朋友无须上诉操作，只需要将图片插入文章，然后把align=xxxxx加入图片代码中即可．连br也不需要加．^^!汗，不好意思没有事先说明．)

以下用动画来举个图片居右的例子，

　　如你想将图片加入以下文章任意处：

　　文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文文章文章文章文章文章文章文章之间。

 

 

完成以上操作后的效果如下：

　　文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文文章文章文章文章文章文章文章之间。