[問題] div裡放入img的排版問題

作者: heavenbetula (綠草)   2014-11-30 20:47:36
最近在想練習用css來排版,所以就隨便找了個網頁來練習
瀏覽器是用firefox
目前我是用一個div來裝所有的img
排完之後發現img與img之間即使margin為0了,依然有個小間隙
如下:
http://ppt.cc/s0m-
使用 display:block 後上下的間隙是沒有了,可是版面也亂了:
http://ppt.cc/tZPF
也有使用float:left來試,結果看似很完美,但是只要我縮小瀏覽器的寬度
就變的跟上面第二個情況(display:block)一樣了...又試著將div設一個寬度
雖然不會隨瀏覽器縮小而版面亂掉,但是整個畫面靠左,無法置中:
http://ppt.cc/3OkU
總之我想要 img與img 間不要有間隙,然後整個畫面可以置中,又不會因瀏覽器縮放
而版面被變動的話,請問該怎麼做呢?
作者: oToToT (屁孩)   2014-11-30 22:06:00
CSS reset??還是你img 寬高用%
作者: mmis1000 (秋月戀楓)   2014-11-30 23:24:00
font-size:0px; vertical-align:middle; 這樣?或是float:left然後把裝img的容器整個置中
作者: Rplus (R+) (9527)   2014-12-04 01:46:00
這切圖方式感覺有點像是 table...

Links booklink

Contact Us: admin [ a t ] ucptt.com