Question

我想使用网格布局制作带有4个按钮的导航菜单。默认我的按钮应该填充网格的所有空间。这是由于某种原因不是这样的..任何人都可以指出出了什么问题？您可以在下面找到我的代码。

<div data-role="page">
  <div data-role="header" data-position="inline">
    <h1>Title</h1>
    <fieldset class="ui-grid-c">
      <div class="ui-block-a">
        <a href="#" data-role="button" data-icon="home" data-iconpos="top">Home</a>
      </div>
      <div class="ui-block-b">
        <a href="#" data-role="button" data-icon="grid" data-iconpos="top">MenuItem2</a>
      </div>
      <div class="ui-block-c">
        <a href="#" data-role="button" data-icon="settings" data-iconpos="top">MenuItem3</a>
      </div>
      <div class="ui-block-d">
        <a href="#" data-role="button" data-icon="info" data-iconpos="top">Info</a>
      </div>
    </fieldset><!-- /ui-grid-a -->
  </div><!-- /header -->
</div><!-- /page -->

非常感谢！

泰斯

Answer 1

为什么不使用用于此类任务的navbar？请参阅示例：http://jsfiddle.net/JyQqN/

jQuery Mobile按钮没有排列网格

1 个答案: