几位朋友都对日志中的图文混排比较感兴趣,本来想就此写一篇教程,但考虑到实际涉及的语法比较简单所以就写在这篇日志中吧。有关图片的位置安排没有太多可说的,日志编辑工具中已经提供了左右对齐和居中的功能,大凡用过Word对此都不陌生,也知道其最终实现的效果,我曾尝试使用“定位”语法来控制图片与图片间的位置比例关系,在预览中完全可行,但发布日志后就都被打回原形了。文字方面的编排,从我的前几篇日志中可以看出,主要是运用了扩大字间距与行间距来实现更好的视觉效果以及与图片相对完美的结合。相关的语法如下:
<div style="letter-spacing:0.3em;line-height:13pt">日志文字</div>
Letter-spacing控制字母间的间距,对于中文就是字与字之间的间距,如果想实现英文单词之间间距的变化则使用word-spacing:;line-height控制行间距,无论编辑英文还是中文均使用此命令。实际应用中,尤其是与图片混排时,需要反复调整上面的数值以达到最佳效果,另外需要注意的是,有时在日志预览界面所看到的图片与文本之间的搭配效果与实际发布后并不一致。