讓空格浮動但在空間不足時保持居中空間

我想擁有類似於網格的空間，當窗口上沒有足夠空間用於超過1個元素時，每個元素保持縮放狀態，但如果有更多空間空間他們漂浮在左邊。有沒有辦法實現這一點只使用CSS？讓空格浮動但在空間不足時保持居中空間

2011-02-14 Rockiano

你能改述一下這個問題嗎？很難明白。 – Hussein 2011-02-14 18:04:39

這將涉及在窗口調整大小時更改元素的邊距左邊距和邊距右邊屬性，這是沒有JavaScript的情況下不可能的。

沒有JavaScript，你的代碼將是這個樣子：

<html><body style="margin:0px"> 
<div style="min-height: 400px; min-width: 600px; clear: both;"> 
<div style="margin: 10px; float: left; margin-right: 95px; margin-left: 95px;width: 400px; height: 400px; background-color: Red;"></div> 
<div style="margin: 10px; float: left; margin-right: 95px; margin-left: 95px;width: 400px; height: 400px; background-color: Blue;"></div> 

</div> 
</body> 
</html>

你可以居中DIV的最小寬度的情況下，但你需要時調整窗口大小的JavaScript來操縱邊距大小。

來源

2011-02-14 18:15:09 njebert

讓空格浮動但在空間不足時保持居中空間

回答

相關問題