Question

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

我正在使用它：

<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

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

1 个答案: