Jquery UI可拖动 - 添加新元素时左偏移

Question

我尝试将带有可变文本的div元素添加到容器中并使它们可拖动。她的一些消息来源：

var $element = $('<div class="drag" style="display: inline-block; border : 1px dotted #fff; color : #fff; font-size : 26px; left : 0px;">').text('Test xyz');
$("#designer").append($element);
$element.draggable({ cursor: "move", containment : "#designer", grid: [ 20, 20 ]});

如果我运行5次并将元素垂直拖动到一行中，则左偏移量如下所示：

> Test xyz
> _Test xyz
> __Test xyz
> ___Test xyz
> Test xyz

为什么会有偏移量？如果我有其他不同长度的字符串，我该如何管理呢？