在我的页面中,它们是两个 div;代表两行。我想固定这两个 div 之间的间隙,这样当我使用拖放时,拖放的元素会水平移动到下一个元素,而不是垂直移动。 请帮忙 谢谢
<div id="div1" style="background-color:#778899;height:30px;width:1030px;float:left;">
<b>Columns :</b>
<div id="div2" style="background-color:#778899;height:30px;width:1030px;float:left;">
<b>Rows :</b></div>
所以在列 div 中,我使用了 jquery 的 droppable 特性
$('#example-1-2 .sortable-list').sortable({ connectWith: '#example-1-1 .sortable-list' });
所以问题是,当我放下一个元素时,被放下的元素会像一列一样添加到另一列之下。但我想要的是,当我放下任何元素时,它应该连接起来并且像一排一样,一个对另一个。列 div 位于行 div 下方。因此,我在问我们是否可以固定两者的大小,然后掉落的元素会像时尚一样连续移动。
最佳答案
在你的情况下,他们可能没有什么问题
1 掉落的元素有 float
解决方案 删除 float
2 掉落的元素有内联
解决方案 给那个元素 Display:block 让它可以爆发
两个 div 的间距不影响其 child 的定位
同时发布您的一些代码,以便我们了解问题出在哪里。 更新 使用 #div1 .sortable-item{display:inline;宽度:20%;
元素显示 block 行为只需要内联元素
关于jquery - 如何使两个div之间的差距固定?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20796464/