Question

我正在尝试编写一个在div中移动div的jquery函数（可能使用Flexbox），我说Flexbox但是我不确定这是否是正确的方法。

背景：

我有一个图像作为CSS背景，我想在图像前面显示文字，能够点击按钮左对齐，右对齐或在父div中对齐中心。

到目前为止我所拥有的：

HTML：

<input name="ClientName"  id="client_name" type="text" />


<div id="AlignLeft">
    <input type="image" src="../../../nav/images/align_left.png" name="AlignLeft" id="AlignLeft" value="1" />
</div>

对于我的Jquery：

$('#AlignCenter').click(function() {
    $('#ClientNametext').animate({
        $('#ClientNametext').css('display', 'block') {
            $("#ClientNametext").css({
                margin-left: 5});
        }
    });
});

如何让这个工作起来，我应该考虑使用“Flexbox”。

非常感谢你的时间。

我更新的jquery：

$(document).ready(function() {

$('#AlignLeft').click(function() {
   $('#ClientNametext').animate({'display': 'block','margin-left': 5});
});

$('#AlignCenter').click(function() {
   $('#ClientNametext').animate({'display': 'block','margin-right': 'auto', 'margin-left': 'auto'});
});

 $('#AlignRight').click(function() {
   $('#ClientNametext').animate({'display': 'block','margin-right': 5});
});


});

AlignLeft有效，但AlignCenter和AlignRight没有。有什么想法吗？

使用Jquery在div中定位div并对齐内部div

0 个答案: