※ 引述《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 /> 來拉大段落間距。 這些給你參考一下。 --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.129.165.41