Re: [問題] 網頁上的圖片會自己隔開？？
※ 引述《rainley (利挽狂瀾)》之銘言：
: ※ 引述《dinos (用血汗灌溉頂天巨木)》之銘言：
: : .spacer {font-size:1px;height:1px;clear:both;}
: : <hr>
: : <div id="SmallThumbImgforA">
: : <div class="spacer"> </div>
: : <a href="#" onMouseOver="PhotoChange(1); theIMG.src='01.jpg' "><img src="sub_01.jpg" class="SmallThumbImg"></a>
: : <a href="#" onMouseOver="PhotoChange(2); theIMG.src='02.jpg' "><img src="sub_02.jpg" class="SmallThumbImg"></a>
: : <a href="#" onMouseOver="PhotoChange(4); theIMG.src='04.jpg' "><img src="sub_04.jpg" class="SmallThumbImg"></a>
: : <div class="spacer"> </div>
: : </div>
: : <hr>
: 這個可以︿︿
: 不過大概是因為font-size:1px;height:1px的緣故 上下會稍有點距離
: 感謝ghostfire的方法 用<table></table>包起來就OK了 \(￣▽￣)/
: float 跟 clear 真是難懂阿.... 囧
: 另外那張圖火狐會被切一大半的原因
: 我想是因為我沒指定他的上下top bottom
: 只有指定左右要center 所以IE可以 火狐會跑掉....
float 是浮動 代表該物件要對齊哪邊 right left
clear 是清除 代表該物件的哪一邊不要被遮蓋 right left both
http://ccca.nctu.edu.tw/~hlb/trans/pie/ordered-floats.html
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.158.10
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 5 之 7 篇)：
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章