jquery-mobile - 为什么按钮和文本字段不在同一行显示？

Question

我正在实现一个页面，在该页面中，我需要在同一水平面（同一行）中的三个按钮和一个文本字段。在实施时，它会垂直出现。
我该如何解决这个问题？
这是我的小提琴。

我正在使用这个：

<div data-role="fieldcontain">

                            <input name="text-12" id="text-12" value="" type="text"  >
                               <a href="#" data-role="button" data-corners="false" >Search</a>
                               <a href="#" data-role="button" data-corners="false">Next</a>
                               <a href="#" data-role="button" data-corners="false" >Previous</a>
 </div> 

Answer 1

你需要添加这个

data-inline="true"

所以结果会是这样

          <div data-role="fieldcontain">

                        <input name="text-12" id="text-12" value="" type="text"  >
                          <a href="#" data-role="button" data-corners="false" data-inline="true" >Search</a>
                         <a href="#" data-role="button" data-corners="false" data-inline="true">Next</a>
                            <a href="#" data-role="button" data-corners="false" data-inline="true" >Previous</a>
                    </div> 
 <div data-role="content" data-theme="d">


            <div

这可以在此处的 jquery 移动文档 http://jquerymobile.com/demos/1.2.1/docs/buttons/buttons-inline.html中找到