jquery - Internet Explorer Div 对齐问题

Question

我的代码在 chrome 和 firefox 上运行良好，但在 I.E(最新版本)中，“px”显示在下一行。我试过 display:inline ，虽然可以解决问题，但会严重干扰对齐。他们还有其他方法可以让他们在同一条线上对齐吗？谢谢

<div class="dfs_config_group">
    <div class="dfs_config_field_label">Font Size</div>
    <div class="dfs_config_field">
        <div class="dfs_config_append mini">
            <input type="text" name="dg_footer_wrapper_inner[font-size]" value="12">
            <div class="add_on">px</div>
        </div>
    </div>
</div>

Answer 1

尝试使用 display:inline-block