※ 引述《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