Javascript jquerymobile：水平按钮，填充容器

在一个移动应用程序上，我正在尝试创建两个按钮，它们应该会增长并填满它们的容器

因此，在纵向视图中，这两个按钮应使用其父按钮的整个宽度，在横向视图中，它们也应增长以填充其整个父按钮

我曾尝试使用一个网格，这是我在帖子中看到的一个建议，但这似乎不起作用

按钮不会增长并填充其父按钮

<div class="ui-grid-a">
 <div class="ui-block-a">
  <a href="tel:xxxx" class="ui-btn ui-icon-phone ui-btn-icon-left ui-btn-inline">xxxx</a>
 </div>
 <div class="ui-block-b">
  <a href="test" class="ui-btn ui-icon-carat-r ui-btn-icon-right ui-btn-inline">More</a>
 </div>
</div>

另外，一个没有网格布局的按钮可以正确填充其父容器

<a href="tel:xxxx" class="ui-btn ui-icon-phone ui-btn-icon-left">xxxx</a>

---

似乎是

ui-btn-inline

导致它没有增长。

只需删除

ui-btn-inline

类

如果您不想让按钮填充容器，则该类为。随着该类的消失，网格解决方案将开始工作

---

只需删除ui btn内联类。如果您不想让按钮填充容器，则该类是可用的。随着这个类的消失，网格解决方案将开始工作。谢谢，我同时实现了一个导航栏，而不是网格，anv栏也完成了这项工作。谢谢您的评论。@ezanker，请添加您的解决方案作为答案。@SteveH.，我已经添加了答案。