Question

var btn1 = '<button id="btn1"  style="width: 20px" type="button">'

var btn2 = '<button id="btn2"  style="width: 20px" type="button">'

我有两个动态创建的按钮。我将附加到DIV。

我需要将这些按钮对齐在同一行。

像

btn1    btn2

如果我追加按钮是在另一个

之下

btn1

btn2

但我正在尝试使用Jquery在同一行中对齐！

我如何实现这一目标？

Answer 1

＆＃13;

<html>
<head runat="server">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <title></title>
    <script>
        $(function () {
            var btn1 = '<input id="btn1" value = "Button1" type="button">'
            var btn2 = '<input id="btn2" value = "Button2"  type="button">'
            $("#mydiv").append(btn1);
            $("#mydiv").append(btn2);
        });
    </script>
</head>
<body>
    <div id="mydiv">
    </div>
</body>
</html>

＆＃13;

对齐在Jquery中创建的动态控件

1 个答案: