作者dinos (用血汗灌溉顶天巨木)
看板Web_Design
标题Re: [问题] 网页上的图片会自己隔开??
时间Thu Jun 1 06:24:55 2006
.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>
※ 引述《rainley (利挽狂澜)》之铭言:
: 不好意思 我又来问问题了
: 跟原来的问题有相关性
: 原网页 http://oz.nthu.edu.tw/~u922011/art_lisin/index.htm
: 想问的网页 http://oz.nthu.edu.tw/~u922011/art_lisin/picture/Wang/index.htm
: 我想把他的小图 紧密相连
: 於是把A的部份都加了 float:left
: 但是....
: http://oz.nthu.edu.tw/~u922011/art_lisin/picture/Wang/noOK.htm
: 却变成这样 <hr>掉不下来
: 多换几行会有多余的空白
: 尝试用div包住小图 也不行
: 在div把float:none 也不行
: clear 忘记了 试不出来的样子
: 火狐IE都不行
: QQ到底要怎样才能把那行往下挪阿
: 感谢回答~
: ※ 引述《rainley (利挽狂澜)》之铭言:
: : 仅已自己做的一个小网页作范例....
: : http://www.gec.nthu.edu.tw/fslin/study/p94_1/index.htm 用火狐开右图会很怪 囧
: : http://www.gec.nthu.edu.tw/fslin/study/p94_1/index2.htm 重点在这个
: : 很奇怪 我图片一个个向右摆 会自动格一个小距离
: : 可是换行的话 又黏得紧密@@
: : 到底要怎麽写 才能紧密排列呢??
: : 我试过margin padding border都弄成零 还是没用耶....= =|||
: : 谢谢回答
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.113.158.10