作者rainley (利挽狂澜)
看板Web_Design
标题Re: [问题] 网页上的图片会自己隔开？？
时间Thu Jun 1 10:30:26 2006
※ 引述《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可以 火狐会跑掉....
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.168.198.253
1F：推 ghostfire:咦？我是说用table吗？(早上太急了) 06/01 18:36
2F：推 rainley:你是说用border～ 06/01 23:41