手工设置文字环绕效果

2008年9月29日16:53

许多网站(如CnBeta等)都在每篇文章内容的右侧放了一个图片,表明这篇文章是干什么的,看起来很方便。

做到这样的效果其实非常简单,使用一个align对齐属性就可以做到。具体方法如下

比如图片地址为 http://abc.com/a.jpg,插入图片的代码应该为<img src=”http://abc.com/a.jpg” />

要让图片居于文字右侧只要加上align=”right”的属性即可

<img src=”http://abc.com/a.jpg” align=”right” />

如果希望图片显示在左侧可以使用align=”left”

<img src=”http://abc.com/a.jpg” align=”left” />

要只在WordPress首页的摘要中显示图片内容,只要在“摘要”的最前面加入图片的代码就可以了。

这样的代码虽然可以显示出这样的效果,但是好像不是太符合标准,W3C的检测会报错,但经测试在IE7,FireFox,谷歌浏览器中都可以正常显示,没有问题。

另外在WordPress里可以通过单击编辑工具栏的对齐控制按钮也可以做到这样的效果。

如果有更好的方案,请大家留言告诉我。

标签:
  1. 西崽猪猪
    9月 29th, 200817:15

    学习了哈~

  2. 小段段
    9月 29th, 200818:39

    西崽猪猪:

    学习了哈~

    一起进步!~

  3. 绿程
    10月 30th, 200910:37

    好像不太实用呢

小段段日记版权所有,转载时必须以链接形式注明作者和原始出处及本声明。