0

我有一个 JQuery 移动页面。它在顶部并排有两个选择元素。

在 iphone 等小而窄的屏幕上打开页面并单击选择时，对话框显示在侧面过多（未居中）并且文本被截断。

这里的例子。

jQuery 页面代码是：

<body>
<div data-role="page" id="page">
  <div data-role="content">
    <div id="selectview" style="width:50%; float:left">
      <label for="select-view1" style="font-size:12px" >First</label>
      <select name="select-view1" class="select-view" id="select-view1" >
        <option value="aaa">AAAAAAAAA</option>
        <option value="bbb">BBBBBBBB</option>
        <option value="ccc">CCCCCCCCC</option>
      </select>
    </div>
    <div id="select-function-div" style="width:50%; float:left">
      <label for="select-view2" style="font-size:12px" >Second</label>
      <select name="select-view2" id="select-view2"  >
        <option value="ddd">DDDDDDDDDDDDD</option>
        <option value="eee">EE</option>
        <option value="mafffin">FFFFFFFFFFFF</option>
      </select>
    </div>
  </div>
</div>
</body>

我该如何解决？

4

2 回答 2

0

float:left像这样从样式标签中删除

<div id="selectview" style="width:50%;">
      <label for="select-view1" style="font-size:12px" >First</label>
      <select name="select-view1" class="select-view" id="select-view1" >
        <option value="aaa">AAAAAAAAA</option>
        <option value="bbb">BBBBBBBB</option>
        <option value="ccc">CCCCCCCCC</option>
      </select>
</div>
于 2012-06-21T06:47:00.373 回答
0

您的样式元素后缺少分号，这可能会导致一些显示问题，请尝试： style="width:50%; float:left;" 反而

于 2014-08-28T17:49:50.850 回答