2012-02-23 51 views
1

我製作縮略圖等電網時遇到這個問題很多當您嘗試使用margin: auto;是否可以在不動態改變樣式的情況下居中對象數組?

通常居中,我將只使用PHP和計數器樣式每行中的最後一個對象,而不以保證金正確的。但是這有點複雜,我希望希望可能有一個更簡單的方法來使用CSS技巧來做到這一點。

我已經颳起了這裏的問題http://jsfiddle.net/convoke/kFzg5/27/

這裏的一個愚蠢的小例子真實想什麼我它看起來像http://jsfiddle.net/convoke/NZR9X/3/

細微差別父對象的中心,但希望你明白我的意思。

回答

1

我換成浮筒內聯塊+合理的「文本」:

http://jsfiddle.net/kFzg5/28/

警告:舊的瀏覽器不喜歡這個技術,和最後一排看的fugly。

二 「解決方案」 額外的包裝股利和多overflow: hidden

http://jsfiddle.net/kFzg5/29/

+0

有趣。第二種解決方案對我來說很不錯。打的好。 – convoke 2012-02-24 00:22:16

+0

http://stackoverflow.com/questions/9435636/faking-collapsed-left-right-margins-in-css – biziclop 2012-02-24 18:03:31

1

http://jsfiddle.net/ZGWHT/

使用了TD + TD靶向TD,如果有一個TD到它的左邊(忽略第一個td)。

+0

很酷。 「td + td」究竟意味着什麼?就像語義上一樣? – convoke 2012-02-24 00:22:56

+0

它被稱爲鄰近兄弟選擇器。 – Anarchtica 2012-02-24 03:51:49

0

你可以居中,然後使用負左邊距,margin-left:-10px偏移父容器,然後將圖像容器設置爲邊距:0 0 10px 10px。

相關問題