0

我有一个需要做出响应的网站。

我有一个包含 div，它将是流动的，并且在容器中会有浮动的 div，它不能改变大小，但希望它们保持在中心并具有相等的间距。有人有什么想法吗？它们在开始时将排成 3 行，然后将减少到两个，然后是一个。

.container {width:100%; text-align:center;}
.qitem{display:block;text-align:left;float:left;width:320px; height:300px}
.qitem:nth-child(odd) {margin-right:1%;margin-left:10%;}
.qitem:nth-child(even){margin-right:10%;margin-left:1%;}
4

2 回答 2

2

这很好用 

 .qitem{display: inline-block;text-align:left;float:none;width:320px; height:300px}
于 2013-02-01T16:52:22.717 回答
-1

如果您的网站当前在线，我建议您不要针对响应式设计等常见问题实施自己的解决方案。使用 CSS 框架为您完成工作，这里有 8 个不错的 css 框架供您选择：

http://webdesignledger.com/tools/8-useful-responsive-css-frameworks

如果不能选择使用框架，请查看上一个问题：

使网站响应的最快方法？

于 2013-02-01T16:09:43.747 回答