这个问题一直困扰我一段时间。所以我创建了一些视觉描述我的问题
首先这里是我的HTML结构我有6个div ..第一3浮点左和最后3浮点右。最后一个图像显示我想要的结果,但似乎不能得到。有人可以帮助我在这里
编辑//对不起我的HTML和CSS
<style> .left { float:left; } .right { float:right; } </style> <div id="container"> <div class="left"></div> <div class="left"></div> <div class="left"></div> <div class="right"></div> <div class="right"></div> <div class="right"></div> </div>
注意:我不能做一个左右左左右左选项,因为我通过查询到我的数据库从PHP获取我的数据..第一次查询左侧第二次查询正确….感谢一堆
/编辑
我的浮标导致这一点
这是我想要的
解决方法
您可以为此使用CSS3列数属性。写这样:
.parent{ -moz-column-count: 2; -moz-column-gap: 50%; -webkit-column-count: 2; -webkit-column-gap: 50%; column-count: 2; column-gap: 50%; } .parent div{ width:50px; height:50px; margin:10px; } .left{ background:red; } .right{ background:green; }
原文地址:https://www.jb51.cc/css/220591.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。