[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&CSS] 鎖定左側功能選單，不隨頁面捲動 (0則留言, 2007/04/05)
• [jQuery] 動態建立元素的事件觸發 (0則留言, 2015/10/25)
• TailwindCSS-4 登入畫面 (0則留言, 2022/11/04)
• 幫荒廢的部落格加上自動提示轉址功能 (0則留言, 2007/02/16)
• 「網頁載入中，請稍候．．．」的簡單作法 (17則留言, 2007/05/02)
• TailwindCSS-3 基本CSS類別：按鈕示範 (0則留言, 2022/11/03)
• [Blog] 加入Furl與del.icio.us的連結 (0則留言, 2005/03/04)
• TailwindCSS-2 JIT CSS編譯與JIT設定 (0則留言, 2022/11/02)
• 把文章的分類當做HEMiDEMi的標籤：Xuite自動書籤按鈕 V1.3 (2則留言, 2007/02/27)
• 修改自動產生分享書籤的按鈕 (4則留言, 2007/02/11)
• 替部落格的側邊欄位加上縮起與展開功能 (2則留言, 2007/03/18)
• 變更MyBlogLog的onclick事件處理程式 (V1.3修改) (8則留言, 2007/04/08)
• 在Blog裡使用PRE與XMP的挫折 (1則留言, 2005/09/26)
• TailwindCSS-1 用IntelliJ IDEA 學習TailwindCSS (1則留言, 2022/11/02)
• 用樣式控制Google AdSense廣告顯示的位置 (13則留言, 2007/05/03)