Jquery ui 防止jQuery UI sortable破坏设计

我在页面上使用jQueryUISortable函数对div列表进行排序，效果很好。我的问题是，当我开始拖动一个div或者在对一个或多个div排序之后，它破坏了我的设计。在使用jQuery UI sortable时，是否有任何方法可以防止或修复此设计问题

<div class="gentbl">
    <div class="genrw">
        <div class="rwttl">Title</div>
        <div class="rwelm">Element</div>
    </div>
    <div class="genrw">
        <div class="rwttl">Title</div>
        <div class="rwelm">Element</div>
    </div>
    <div class="genrw">
        <div class="rwttl">Title</div>
        <div class="rwelm">Element</div>
    </div>
    <div class="genrw">
        <div class="rwttl">Title</div>
        <div class="rwelm">Element</div>
    </div>
</div>

$(function(){
    $('.gentbl').sortable({
        revert: true
    });
    $('.gentbl').disableSelection();
});

标题
元素
标题
元素
标题
元素
标题
元素
$（函数（）{
$（'.gentbl'）。可排序({
回复：真
});
$（'.gentbl'）.disableSelection（）；
});

---

工作示例：

这是因为插入了

.ui可排序占位符

。只需强制所有

。genrw

具有相同的

垂直对齐

。如果更改之间有空格，那是因为在原始html中它们之间有换行符和空格。你可以看看如何对付他们。固定的。