作者dinos (用血汗灌溉顶天巨木)
看板Web_Design
标题Re: [问题] 网页上的图片会自己隔开？？
时间Thu Jun 1 11:27:27 2006
※ 引述《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