[教程]圖片太大怎麼辦?當然是用img標籤了啊

劉曉日發表於2011-08-31

今天發表文章的時候,由於自己畫了幾張uml圖,尺寸比較大,所以在文章發表後,將文章內容顯示區撐開,後大胖告知可以使用img標籤自己定義圖片的寬、高。中午研究了下,剛開始還很費解,怎麼是用啊!後來整明白了,在此和大家分享。

首先,須將圖片上傳,當然是使用編輯器上傳。不解釋。上傳成功後,編輯區會自動新增兩種文字:“![enter image description here][2]”和“[2]: /download/01Js4jIBvtGK”。第一個自然是圖片顯示的位置,第二個則為上傳成功後圖片的路徑。OK,該有的東西都有了,進行改造。

然後,將“![enter image description here][2]”這樣的字串刪除,替換成img標籤,其中src屬性對應上傳後的路徑,即“/download/01Js4jIBvtGK”。

最後設定圖片標籤的寬、高即可。我大致測量了下,顯示區寬700左右,故一般設定為:650

是不是很簡單啊!這個是我的示例,文章中的大圖,是我使用img標籤處理的。

相關文章