如何在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-grid

<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 -->