星期四, 9月 11, 2008

如何用HTML 使用文繞圖【語法教學】

文字繞圖是Word學到的技巧,但是用在寫部落格,就沒輒了,我找到一篇教學文章[教學]HTML 使用文繞圖,成功的讓我的部落格也能文字繞圖囉!

img src="你的圖片路徑" style="float: left"

left 表示圖片的位置在左邊,也可以改成 right,這樣圖片的位置就會變成在
右邊。
【範例】我關心的二三事: Excel如何在儲存格內換行

另外,要讓圖片和文字不會太靠近,看起來不會覺得黏在一起,要再加入一小段 CSS code,如下行藍色 code 所示

img src="你的圖片路徑" style="float: left; margin: 15px"

表示設定圖片四周會有 15 個 pixels 的空間,也就是文字距離圖片會有 15 pixels,看起來就會比較清爽了, 15 這個數字可以隨意更改成任何適合的數字。

【範例】我關心的二三事: 今天是兩歲寶寶去保母家的第一週

1 則留言:

歡迎留言交流

帶孩子去賣場,特別容易被情勒,當孩子大哭大鬧,該怎麼辦?

  孩子不管年齡多小,好像都感知得到甚麼情況最容易達成自己的目的,尤其是賣場,特別明顯。 我家孩子曾經在還不會完整言語表達,卻已經很會跑跳的時候,我讓他坐在賣場的推車上,當時的位置在美食街人不多的角落,他不斷的要求我抱他,但我知道他要的不是抱,而是脫離推車,為了不在這時間這場合發...