Jquery mobile JQuery Mobile-如何在水平和垂直方向上创建分组按钮？

在JQuery Mobile中，您可以通过以下方式轻松地水平分组按钮：

<div data-role="controlgroup" data-type="horizontal">
  <a href="#" class="ui-btn">1</a>
  <a href="#" class="ui-btn">2</a>
  <a href="#" class="ui-btn">3</a>
</div>

垂直地

<div data-role="controlgroup" data-type="vertical">
  <a href="#" class="ui-btn">1</a>
  <a href="#" class="ui-btn">2</a>
  <a href="#" class="ui-btn">3</a>
</div>

但是我怎样才能让他们水平和垂直地分组呢

---

谢谢大家!

使用jQuery手机

    <div class="ui-grid-b" >
        <div class="ui-block-a"><a href="#" class="ui-btn">1</a></div>
        <div class="ui-block-b"><a href="#" class="ui-btn">2</a></div>
        <div class="ui-block-c"><a href="#" class="ui-btn">3</a></div>
        <div class="ui-block-a"><a href="#" class="ui-btn">1</a></div>
        <div class="ui-block-b"><a href="#" class="ui-btn">2</a></div>
        <div class="ui-block-c"><a href="#" class="ui-btn">3</a></div>
        <div class="ui-block-a"><a href="#" class="ui-btn">1</a></div>
        <div class="ui-block-b"><a href="#" class="ui-btn">2</a></div>
        <div class="ui-block-c"><a href="#" class="ui-btn">3</a></div>
    </div>     

这里有一个

.ui-block-a .ui-btn, .ui-block-b .ui-btn, .ui-block-c .ui-btn {
    margin: 0 !important;
}