Question

我有一个data-icon =“home”的按钮和一个类型搜索的输入，它必须并排放置。但它显示在另一个下面。我怎么能并排显示它？它在浏览器中看到时会创建自己的div标签。可以并排显示吗？这是我使用HTML5和jquery mobile开发移动应用程序的代码。

Answer 1

在获得解决方案后，我正在为自己的问题找到答案。

我通过将控件放在div

中找到了解决方法

<div data-role="controlgroup" data-type="horizontal">
<control1>
<control2>
<control3>
</div>

这里有3个控件并排放置。当我们放置 jquery mobile 的data-role="controlgroup"和data-type="horizontal"时，我可以并排获得控件。
这里，control1，control2和control3可以是任何控件，例如图像，锚标签或任何控件。

Answer 2

如果您有多个按钮并排放在同一行上，请将data-inline =“true”属性添加到每个按钮。这会将按钮设置为其内容的宽度，以便按钮位于同一行。

<p>
    <a href="#" data-role="button" data-inline="true">True</a>
    <a href="#" data-role="button" data-inline="true">False</a>
</p>

来源 - http://view.jquerymobile.com/1.3.2/dist/demos/widgets/buttons/#inline&ui-state=dialog

如何在Jquery mobile中并排放置控件

2 个答案: