如何以一致的方式水平對齊divs？

2012-02-27 61 views 0 likes

在我的HTML中，我想對齊由恆定空間水平分隔的8個彩色div。我有一個<table>作爲這些div的容器。尺寸以百分比（％）指定，而不是像素（px）用於縮放。如何以一致的方式水平對齊divs？

當用戶調整窗口大小時，div也會調整大小，但不是等比例（即高度！=寬度），導致看起來像是矩形而不是正方形。我想以這樣一種方式對齊這些div，當用戶調整窗口大小時，div的大小也會相同，並保持其方形。

2012-02-27 Sam

我可以看到實際的HTML和CSS嗎？ – NekaraNef 2012-02-27 14:14:14

通過回答問題並接受問題答案會很好。 – bassplayer7 2012-02-27 15:18:49

回答

沒有純粹的HTML/CSS解決方案以保持其比例的方式來縮放div，您需要使用一些腳本。見一個jQuery的解決方案，你可以在這裏使用：Scale a div to fit in window but preserve aspect ratio

2012-02-27 12:06:17

我沒有投票給你，因爲我不確定你在這個陳述中的含義，但是如果你的意思是沒有辦法使用純HTML/CSS來保留div的縱橫比，那你就錯了。查看我在您鏈接的頁面中呈現的兩種方法。 – 2012-10-01 23:35:47

您可以放置一個透明的方形GIF圖片（1×1像素就足夠了）與width: 100%到每個塊。無論具體的計算像素值爲width: 100%，圖像及其容器的尺寸都會自動保持恆定。

2012-02-27 14:38:14

相關問題