简单的文章排版说明 ²

一位本站读者huywings，在留言里问我“怎么样在日志里面让图片靠右，而文字则环绕着图片？”

写出的文章不但内容好，而且排版漂亮，会更让人喜欢阅读。这需要作者有一定的html知识了。其实排版方面我也做不好，经常为图片应该放在哪里为发愁，为了方便经常就另起一段随便贴上图就算了。不过图片排版的方法我还是可以简单说一说的。正好ac2001朋友还留言说我写的关于blog搭建的文章他看不懂，相信今天的内容他一定可以看懂了。

如右图，图片居右的方法是在贴图标签内插入代码：align="right"，同理居左就是align="left"，注意align属性没有居中这一说，居中只能用其它方式实现。

上图的完整贴图代码是：

<img style="margin: 3px 0px 0px 3px" src="http://www.dimlau.com/share/images/_thumb.c.jpg" align="right">

其中还有一个style属性，这一部分代码是可以选择修改的，也可以不写，它的作用是让图片和文字或者其他内容之前留有一定的距离。如上述例子，它的含义是图片距上边内容3像素，右边不留距离，下边不留距离，左边留3像素距离。可见，这四个数值是代表了从上开始按顺时针方向排列的图像四个方向的边缘的属性。

其实html应该还是比较简单的，至少我也是从一个外行人慢慢学的，现在的水平还算是足够自己做模板、写文章用的了吧。

这里还有一个简单的html教程，有兴趣的可以看看。地址：http://www.dimlau.com/very/

补注：textile的语法在一般系统用的不多，但是textpattern默认使用这个语法。右对齐的方式是在内容前加符号：>
文字右对齐代码：p>. 文字内容，图像右对齐的方法是：!>图像地址!
另外，其实textpattern也是可以使用html代码的。直接在输入框输入就可以了。

标签：textpattern

http://kaix.in/cgi-bin/mt-tb.cgi/569. Tips:在自己blog里发表针对本文的评论文章时复制上述地址到引用通告栏，你的文章链接就会显示在本页引用列表里。