JQM按钮连续？

Question

我试图在我的视口左侧的垂直行中获得7个按钮，前3个按钮看起来很好只需要将它们向下移动但是其他4个按钮不与前3个符号内联我代码，

<div class="ui-grid-b">
                   <div class="ui-block-a">
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn1</a></div></div>
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn2</a></div></div>
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn3</a></div></div>
                <div class="ui-grid-b">
                   <div class="ui-block-a">
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn4</a></div></div>
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn5</a></div>
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn6</a></div>
                        <div class="ui-block-a"><a href="#" data-role="button" data-theme="a" data-inline="true">btn7</a></div>

Answer 1

您需要一个ui-grid和一个ui-block-a。

  

<强> Demo

<div class="left-btns ui-grid-a">
  <div class="ui-block-a">
    <a href="#" data-role="button" data-theme="a" data-inline="true">btn1</a><br/>
    <a href="#" data-role="button" data-theme="a" data-inline="true">btn2</a><br/>
    .....
</div>