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

先前並未對圖形的HTML多做處理,結果導致文字偶有壓到圖形的現像。下例中的1.,2.,3.等都跑到圖裡面了:

  1. 文字第一列。
  2. 文字第二列。
  3. 文字第三列。

為了避免此狀況,img必須加入Padding樣式如下(數字可自行調整):

<img align="left" src="http://blog.roodo.com/emisjerry/8b5cc98e.gif"
style="padding: 5px 5px 5px 5px"

樂多有內建一個用於IMG的類別:PICT,只要將該類別加入Padding元素即可達成相同效果,例如:

<img align="left" src="http://blog.roodo.com/emisjerry/8b5cc98e.gif" class="pict"/>

無名的話就用自訂樣式,自己加一個PICT類別即可。

修改後的圖形如下:

  1. 文字第一列。
  2. 文字第二列。
  3. 文字第三列。

##

您可能也會有興趣的類似文章

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. 重新排列右鍵功能表(Context Menu)的選項 
  2. 澎湖人影音教學網 
  3. [轉貼] 國家步道系統網站 
  4. 用AutoHotkey改造ThinkPad X61按鍵 (2)
  5. Firefox: 使用者自訂檔 
  6. 具有分析功能的短網址服務:cli.gs(音同clicks) 
  7. 用Ubiquity快速發佈 Plurk 訊息 (4)
  8. [轉貼] 不玩了 明基退出德國手機子公司經營 (1)
  9. [Xuite] 變更頁首(Banner)的圖片 (修正) (1)
  10. 開始使用Cygwin以取代cmd.exe (2)

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (353,093 點擊/2008-09-29)
  2. 簡單放大Plurk輸入區的方法[修訂] (86,929 點擊/2008-09-29)
  3. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (84,032 點擊/2011-06-01)
  4. Plurk CSS樣式自訂修改全攻略 (83,124 點擊/2009-07-04)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (53,317 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (43,179 點擊/2008-04-10)
  7. iPad新手入門技巧 (40,428 點擊/2011-02-05)
  8. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (38,151 點擊/2010-04-27)
  9. 把HTC Touch HD操作介面換成Spb Mobile Shell,美觀又便利! (37,957 點擊/2009-02-18)
  10. 另一套適用手機的影片轉檔工具:WinAVI 3GP/MP4/PSP/iPod Video Converter (35,922 點擊/2009-04-18)