图示如何使用代码调整文字与图片间隔

1. 一般而言我们通常点击完加新贴后的页面如图所示，是在“所见即所得”的情况下：

2. 那么这时候我们要加图片，可点击树形小图，页面上的树形小图会显示文字“插入/编辑图像”。如图所示：

3.一旦我们点击了树形小图标后，会出现一个新的窗口，在这个窗口里我们需将图片的链接填入URL框里，一般情况一两秒会出现预览图：

4. 很多情况我们会觉得图片的大小不合心意，那么在这个窗口上有“常规”“外观”以及“高级”三项选择，我们点击“外观”，即可对图片的大小进行调整。比如此图的原大小是“1024X768px”，对于页面来说有些过大。在调整大小前，我们先锁定比例：

 

5. 然后我们可以根据自己的需要调整大小。因之前我们已经锁定了图片比例，那么我们只要填写宽和高其中一项大小，那么另一项会自动随之变化。我这里选择宽为800px，那么窗口会自动将高显示为600px：

 

6. 当我们点击“插入”后，那么图片即显示在加新贴的页面上了。这时候我们可以点击“HTML源代码”以便查看贴图片的代码是什么：

 

7. 在HTML源代码情况显示应如下图，红线所划部分即贴图的代码：

8. 现在我们测试一下如何用代码将文字和图片之间加上间距。我在文字前加了<BR>，目的是将文字与前一张图之间空出一行来，在文字后又加了<BR><BR>，目的是希望在文字后再加图时可以有空隙，而不是图片紧接文字后：

9. 我们回到所见即所得的模式看看效果如何。果然文字和上图，以及文字后都留有了空隙：

 

10. 需要在文字后继续加图片，那么重复2.至9.我们可以看到如下图所示的情况：

 

11. 再看看此时的代码如何：

 

12. 如图所示的大空隙如何得来？根据上面的教程应该有点概念了？

 

13. 源代码告诉你答案，原来文字与贴图代码之间加了5个<BR>：（如果在HTML源代码模式中显示的是<br/>同<br>是一样的，大小写不妨碍效果。）

 

好，到此用代码调整文字与图片间隔就说完了。其实最简单的就是在所见即所得的模式下从网页上复制图片，再粘贴至内，在图片后多打几个回车键，也就有了空隙。但会使用简单代码也是发帖的基本常识，对于更好的发帖有一定的帮助。呵呵~Viel Spaß°°：）