Как выровнять текст/элементы управления в столбце данных?

Question

Я пытаюсь выровнять CheckBox в DataTable колонке (Н = центр, v = средний)

<xp:dataTable id="dataTableListView1" rows="30" style="width:100%" ... 
    <xp:column id="column1" style="width:25px;text-align:center; vertical-align:middle;"> 
     <xp:checkBox id="checkBoxSelect"> 
      <xp:eventHandler event="onchange" ... 
      ..... 
      </xp:eventHandler> 
     </xp:checkBox> 
    </xp:column> 
    ... 

но CheckBox еще показано в неправильном месте (см прикрепленное изображение)

Итак, как мне помещать его в центр столбца?

Answer 1

Я использовал следующий код для выравнивания флажка в датируемом

<div class="checkbox" style="margin: 0px 6px; height: 12px;display:inline;"><input id="view:_id1:_id2:callback1:viewPanel1:0:viewColumn12:_colcbox" type="checkbox" name="view:_id1:_id2:callback1:viewPanel1:0:viewColumn12:_colcbox" value="5898E"></div> 

Answer 2

типа F12 в вашем браузере, а также изменять параметры стиля для флажка. Или щелкните правой кнопкой мыши на флажке, затем проверьте. Попробуйте с пометкой: 0 0 6px 6px