2005年02月22日

[Reference] 插入圖形檔案時使用的樣式

先前並未對圖形的HTML多做處理,結果導致文字偶有壓到圖形的現像。 下例中的1.,2.,3.等都跑到圖裡面了:
  1. 文字第一列。
  2. 文字第二列。
  3. 文字第三列。
為了避免此狀況,img必須加入Padding樣式如下(數字可自行調整):
<img align="left" src="http://blog.roodo.com/emisjerry/8b5cc98e.gif" 
style="padding: 5px">
樂多有內建一個用於IMG的類別:PICT,只要將該類別加入Padding元素即可達成相同效果,例如:
<img align="left" src="http://blog.roodo.com/emisjerry/8b5cc98e.gif"
class="pict">
無名的話就用自訂樣式,自己加一個PICT類別即可。

修改後的圖形如下:
  1. 文字第一列。
  2. 文字第二列。
  3. 文字第三列。
##

Posted by emisjerry at 樂多Roodo! │23:23 │回應(0)引用(0)科技新知/參考/網站介紹
樂多分類:網路/3C 共同主題:網頁設計 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/22856