CSS, Table TD裡有多個元件, 要顯示同一行

Table TD裡有多個元件, 要顯示同一行

HTML

    <table class="xTableStyle">
        <tr>
            <th>Inspected</th>
            <td>@Html.TextBox("txtABC", "90", new { @class = "form-control", style = "width:50px;" }) <span>%</span></td>
        </tr>
    </table>

CSS

    .xTableStyle input {
        display: inline-block; /* 或者使用 inline-flex */
        vertical-align: middle; /* 用來垂直置中 */
    }