Question

我在这个问题中遇到了问题 CSS Two Columns of Lists - responsive merge into one column

此解决方案的问题是当物品具有不同的高度时。加入<br>你会明白我的意思。我正在寻找一种解决方案，其中并排的单元格自动具有相同的高度。

我创造了一个小提琴，展示了结果的样子 http://jsfiddle.net/w4n9da10/

是否有可能在不使用JavaScript或加倍标记的情况下创建它，就像我在我的示例中所做的那样？

提前致谢

Answer 1

利用像Bootstrap这样的响应式框架，在做这样的事情时会让你的生活变得更轻松。但是，据我所知，有时客户的环境或其他限制是不允许的。但是，这个概念仍然存在。因此，您所要做的就是使用浏览器检查器查看正在使用的类及其属性，并仅使用它们。但是，如果你可以使用bootstrap，我推荐它。

我正在附加演示 HERE

这是代码

<div class="wrapper">
    <div class="col-md-6 col-xs-12">
       <div id="1" class="col-md-12">1</div>
       <div id="2" class="col-md-12">2</div>
       <div id="2" class="col-md-12">3</div>
    </div>
    <div class="col-md-6 col-xs-12">
       <div id="3" class="col-md-12">4</div>
       <div id="4" class="col-md-12">5</div>
       <div id="2" class="col-md-12">6</div>
    </div>
</div>

祝你好运

css响应表列合并

1 个答案: