Re: 關於blogger圖片編排問題 - 部落格

※ 引述《Neroro (捏肉肉)》之銘言：
: 終於弄好囉~~!!!
: 這是原本的語法：
: http://www.flickr.com/photo_zoom.gne?id=229715201&size=o
: 而變更的部分用紅色標示：
: ******************************************************************************
: <a title="Photo Sharing"
: href="http://www.flickr.com/photos/89004805@N00/229160585/"><img
: style="WIDTH: 213px; HEIGHT: 238px" height="153" alt="路線圖"
: src="http://static.flickr.com/64/229160585_3727386f5a_m.jpg" width="240"
: align="left" /></a><a title="Photo Sharing"
: href="http://www.flickr.com/photos/89004805@N00/229177868/"><img height="240"
: alt="坪林" src="http://static.flickr.com/90/229177868_1805f9e16f_m.jpg"
: width="180" align="right" /></a>
: </br></br></br></br></br>...(依圖片高度調整數量，區隔下一段文字，我放了12個0rz)
: XXXXXXXXXXXXXXXXX(→下一段文字)
: ******************************************************************************
: 若不加</br>的話，會形成文繞圖的模式
: 在兩張圖的狀況下，下一段的文字會往兩張圖中間擠
: 若只用單張的話，應該會有不錯的效果
: 感謝fyc和cerenis的指教！ 非常感謝~~XD
嗯..作為一個業餘的網頁設計者，並不建議過度使用 <br /> 來進行網頁排版。
透過其他標籤或 css 會更好 ( 雖然可能效果一樣 )。
你可以試試看將你上面的 html 碼改為

<div><a title="Photo Sharing"
href="http://www.flickr.com/photos/89004805@N00/229160585/"><img
..............
..... 略 .....
..............
alt="坪林" src="http://static.flickr.com/90/229177868_1805f9e16f_m.jpg"
width="180" align="right" /></a></div>
<p>段落一....</p>
<p>段落二....</p>

這樣就不用那麼多 <br />了，版面的控制會較為簡單。
上面那組<div></div>標記也可以用<p></p>來取代。
如果覺得段落間的間距不夠寬，可以透過 CSS 來調整。
初學者弱不會 CSS 的話，
可以在這裡適度的使用幾個 <br /> 來拉大段落間距。
這些給你參考一下。

--