Question

我想知道热点在同一行按钮上选择。

<div id="commands">
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <select id="select-scenari" data-theme="f" data-inline="true">
       <option value="manuale">Option</option>
       <option value="fuori-casa">Option</option>
       <option value="party">Option</option>
   </select>
   <a data-role="button" data-inline="true">Button</a>
</div>

如您所见，所有按钮都在同一条线上（除非窗口太小），但不是选择如果您将选择更改为按钮，一切正常如何使选择出现在同一行？非常感谢！

Answer 1

从div中选择，或者在按钮周围使用div，在select周围使用div并浮动它们。

Answer 2

我看起来data-inline="true"只能在您的示例中的a标记上识别出来。通过将相同的类应用于包装select的div，您可以获得相同的结果：

http://jsfiddle.net/H9W2d/2/

选择内联jquerymobile

2 个答案: