对齐表格中的选择框

时间:2015-08-25 13:55:42

标签: html css

我目前有这个问题

text and select box not aligned in table

到目前为止,这些都没有对齐。我可以对齐它们,但我不确定如何解决这个问题。这是代码

HTML

<table class="table">
          <tr>
        <td colspan="2" ng-if="eventData.early_bird && !eventData.member">
          {{package.eb_before}}
          <div align="right">
          <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
        </div>
        </td>

1 个答案:

答案 0 :(得分:1)

使用align="right"(或align)已deprecated。最好只使用float,这样的事情会起作用:

<div style="float: right">
    <select>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</div>

Fiddle

你甚至不需要div。您可以将style="float: right"放在select本身上。