css - 如何在 jquerymobile 中将两个内联按钮缩放到设备宽度？

Question

如何在 jquerymobile 中将两个内联按钮缩放到设备宽度。

<a href="#faq" data-role="button" data-inline="true">FAQ</a>
<a href="#help" data-role="button" data-inline="true">HELP</a><br>

Answer 1

尝试使用简单的 CSS

a {
    display: inline-block;
    width: 50%;
}

或者，如果您希望每个按钮成为整个屏幕宽度，请使用width: 100%.

Answer 2

尝试使用ui-grids

<div class="ui-grid-a">
<div class="ui-block-a"><a href="#faq" data-role="button">FAQ</a>
</div>
<div class="ui-block-b"><a href="#help" data-role="button">HELP</a>    </div>
</div><!-- /grid-a -->