Невозможно изменить позицию элемента «Выбрать» (ASP.net)

Я пытаюсь использовать Bootstrap Dual Listbox, отсюда: http://www.virtuosoft.eu/code/bootstrap-duallistbox/) Моя проблема заключается в том, что ящик с двойным списком всегда выравнивается влево, t изменить его, Я пытаюсь написать атрибут стиля в элемент «select» и попытаться установить ссылку на css-файл, но ничего не получится. Это код:Невозможно изменить позицию элемента «Выбрать» (ASP.net)

<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 (а в центре) Как я могу исправить это?

спасибо !!

источник

2014-02-18 user3321263

Попробуйте обернув его в контейнер и затем установить его выравнивание по центру, например, так:

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

источник

2014-02-18 03:17:53

Оберните <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>

источник

2014-02-18 03:41:37 Krimson

Привет, элемент перемещается вправо, но все же не в центр, и, кроме того, меняется ширина списков .. (я пытаюсь изменить ширину назад .. но не помогать) выглядит так: http://oi60.tinypic.com /2dshkjd.jpg Возможно, у вас есть другое решение? спасибо !! – user3321263

@ user3321263 Помогает ли мой ответ ниже для вас? –

Невозможно изменить позицию элемента «Выбрать» (ASP.net)

ответ

Смежные вопросы