如何使用HTML和＆amp ;;创建网格视图布局CSS

Question

我创建了网格布局，响应如下：

但我不想在第二行之后应用空格。我希望像pintrest一样风格。

正是我想要的是：

我的样本：HTML

我将适当如果有人帮助完成此观点：）

由于

Answer 1

您可以使用bootstrap

轻松完成此操作

例如。

<div class="row">
<div class="col-xs-3"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3"></div>
</div>

添加你想要的div。它们将根据内容水平增长，然后将向左浮动。

Answer 2

这是你的布局.. 我们为您的布局创建了演示内容..

点击以下链接并下载源代码：http://www.chameleoninfotech.com/theme/mansory-layout/mansory-layout.zip

我希望它对你有所帮助..

Answer 3

这样的事情对你有用吗？基本上我在评论中解释了：

EXAMPLE

我使用table-layout:fixed来防止宽度变得混乱。

您只需要调整列的宽度以适合您的内容