JqueryMobile风格问题文本框中的纵向

时间:2011-09-15 20:09:22

标签: css

我正在尝试简单地创建一个包含表单的页面。我需要它在一行上像文本框“%”空格文本框“%”但是当我在iPhone上以纵向模式将代码放入其中时它将它放在另一行而不是并排。我告诉它文本框是55px宽,这是有效的。但无论我尝试什么,我都无法将它们并排。这是我正在使用的代码片段。

 <div data-role="fieldcontain" class="percentselectingdiv">
    <label for="grp1percent">Percent Selecting:</label>
    <input  type="text" name="grp1percent" id="grp1_percent_select" value=""  />
    <label >%</label> 

    <input type="text" name="grp2percent" id="grp2_percent_select" value="">
    <label >%</label> 
  </div>     

我感谢任何帮助...... CSS不是我的强项......

1 个答案:

答案 0 :(得分:0)

在文本框的样式中添加float: left

<input  type="text" name="grp1percent" id="grp1_percent_select" value="" style="width:80%;float:left" />

http://fiddle.jshell.net/qF925/