Javascript 无法更改“Select”元素的位置（ASP.net）_Javascript_Html_Asp.net_Css

Javascript 无法更改“Select”元素的位置（ASP.net）

javascript html asp.net css

Javascript 无法更改“Select”元素的位置（ASP.net）,javascript,html,asp.net,css,Javascript,Html,Asp.net,Css,我尝试使用Bootstrap Dual Listbox，从这里开始：我的问题是双列表框总是向左对齐，我无法更改它，我尝试将样式属性写入“select”元素，并尝试链接到css文件，但没有任何效果。代码如下： <body> <select id="sele" multiple="multiple" size="5" name="listbox" class='demo2 col-md-3' style="text-align:center">

我尝试使用Bootstrap Dual Listbox，从这里开始：我的问题是双列表框总是向左对齐，我无法更改它，我尝试将样式属性写入“select”元素，并尝试链接到css文件，但没有任何效果。代码如下：

<body>

       <select  id="sele" multiple="multiple" size="5" name="listbox" class='demo2 col-md-3' style="text-align:center">

        <% for(int i = 0 ; i <50; i++){  %>
        <option value="<%=i %>" ><%=i %></option>
        <%  } %>

    </select>



    <script>
        var demo2 = $('.demo2').bootstrapDualListbox({
            nonselectedlistlabel: 'Select',
            selectedlistlabel: 'Selected',
            preserveselectiononmove: 'moved',
            moveonselect: false,
            initialfilterfrom: ''
        });
    </script>
    <script src="libraries/jquery-placeholder/jquery.placeholder.js"></script>
    <script>
        $('input').placeholder();
        prettyPrint();
    </script>
</body>

这就是它的样子：而是在中间我怎样才能解决这个问题

谢谢

尝试将其包装在容器中，然后将其设置为对齐中心，如下所示：

<div style="width:100%; text-align:center;">
    <select id="sele" multiple="multiple" size="5" name="listbox" class='demo2 col-md-3'>
        ...
    </select>
</div>

将文件包装在容器div中，并将以下样式设置为容器div：

display: table; 
margin: 0 auto;

现在应该是这样的

<div style="display: table; margin: 0 auto;">

    <select id="sele" multiple="multiple" size="5" name="listbox" class='demo2 col-md-3'>
        <!-- your stuff -->
    </select>

</div>

嗨，元素向右移动，但仍然没有移动到中心，而且列表的宽度也改变了..我试着把宽度改回来..但没有帮助看起来是这样的：也许你有其他的解决方案吗？谢谢