jquery mobile页脚文本垂直对齐

Question

我正在尝试将文本与页脚区域中的图像对齐。但似乎文本要么向上 (vertical-align:top) 要么向下向下 (vertical-align:middle)，而不是在我想要的中间。

    <div data-role="footer">
        <div class="ui-grid-b">
            <div class="ui-block-a"><img src="img/13-target.png">
                <label style="vertical-align:middle;">Overview</label>
            </div>
            .........
        </div><!-- /grid-b -->
    </div>

Answer 1

根据您用于设置页脚样式的 CSS（在 JQM 样式之外），您可能需要调整标签的 line-height 属性。当出现对齐问题时，这对我有用。

希望这会有所帮助！