Re: [問題] 網頁上的圖片會自己隔開？？
.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
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章