##EasyReadMore##

2010年11月21日 星期日

css心得.1 文繞圖(1)

在之前使用css時大都是簡單得配置版面跟調整圖片位置。在因為系網頁的需求上有必要產生如word般文繞圖的方式。
EX1:



以往在貼文字時可能圖片會跟文字分離。


Ex2
這張圖片是在新社莊園拍的。我們可以看到圖片的旁邊就出現文字。

















兩段不同的貼圖的圖片可以看到只有在img tag中可以看到的後面sytle中有向左對齊的style。
src="http://farm6.static.flickr.com/5042/5192286878_3c5427c666.jpg"

src="http://farm6.static.flickr.com/5042/5192286878_3c5427c666.jpg" style="float:left"