无法改变'选择'元素(ASP.net)

时间:2014-02-18 00:29:08

标签: javascript html asp.net css

我尝试使用Bootstrap Dual Listbox,从这里开始:http://www.virtuosoft.eu/code/bootstrap-duallistbox/) 我的问题是双列表框总是对齐左边,我无法改变它, 我尝试将style属性写入'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>

这是它的样子: http://oi57.tinypic.com/262up7r.jpg (而不是在中心) 我该如何解决这个问题?

谢谢!

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

<Select>包裹在容器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>