gpt4 book ai didi

JQuery 可以使用居中元素排序吗?

转载 作者:太空宇宙 更新时间:2023-11-04 04:27:33 24 4
gpt4 key购买 nike

我正在为一些 div 使用 JQuery sortable。

div 在其父 div 内居中,CSS 规则为“margin-left: auto; margin-right: auto;

问题:当我拖动一个元素时,它会跳到左侧,因为边距不再起作用。

这是一个显示问题的 fiddle :http://jsfiddle.net/annam/35MC3/28/

如何解决,让元素始终居中?

最佳答案

我可能会这样做:

http://jsfiddle.net/Ddymf/

添加一个额外的容器,使元素居中,这样 sortables 就不需要对齐了。

<div id="outerContainer">
<div id="container">
<div class="draggable"></div>
<div class="draggable"></div>
</div>
</div>

...

#outerContainer {
width: 200px;
text-align: center;
height: 300px;
border: 1px solid green;
position: relative;
}
#container {
width: 100px;
margin:0 auto;
}
.draggable {
width: 100px;
height: 100px;
background: yellow;
margin: 10px auto;
cursor: move;
}

关于JQuery 可以使用居中元素排序吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17947327/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com