文繞圖的css script

在中文Wordpress blog 內找資料, 看到這篇 “插入圖片和 Flash 的 Plugin”, 卻在文章的留言也找到好東東. 😮

我跟 Ivan 一樣, 在 wordpress 內, 依然用 align 的方法來製造文繞圖的效果, 但 dotann卻說:

align已经是要被xhtml标准淘汰的语法了,在css时代所有排版应该由css来完成。

原來只要在 stylesheet加上這些script 在template內:
img.right {
border: 1px solid gray;
padding: 0.5em;
margin-bottom:5px;
margin-left:10px;
float: right;
}

img.left {
border: 1px solid gray;
padding: 0.5em;
margin-bottom:5px;
margin-right:10px;
float: left;

到貼文章時, 就可以用 img class=”left”或 img class=”right” 來取替 img align=xxx,
而上述的script 更已加上了圖的padding, 甚至框框 (我是不用的) , 於是, 我連那些 hspace, vspace也可以省了~

這個方法, 應該不止適用 wordpress 的.
p.s. 試改了幾篇舊文的script 了, 效果算理想, 不過文繞圖的效果在 rss 的reader 內就沒有先前的準確及漂亮了……

Comments

comments

7 thoughts on “文繞圖的css script

Leave a Reply

Your email address will not be published. Required fields are marked *