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

演示

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