0

我在设置 3 个列表以在 jQuery Mobile 中并排放置时遇到问题。不幸的是，我不能使用 ui-grid，因为我有一个隐藏它们的脚本，并且基于 0-3 的数字（这是另一个列表），将出现相同数量的列表（我让列表动态居中） . 另外，我不能使用 data-role="fieldcontain" 因为根据我的老板，每个列表都应该有圆形边缘（中间列表有锋利的边缘）。这是我的代码：

<div class="centerplease">
   <div id="A1">
   @Html.DropDownListFor(x => x.ChildAge_A1, ChildAge,
   new { data_mini = "true", data_inline = "true", data_icon = "false"})</div>

   <div id="A2">
   @Html.DropDownListFor(x => x.ChildAge_A2, ChildAge,
   new { data_mini = "true", data_inline = "true", data_icon = "false"})</div>

   <div id="A3">
   @Html.DropDownListFor(x => x.ChildAge_A3, ChildAge,
   new { data_mini = "true", data_inline = "true", data_icon = "false"})</div> 
</div>

谢谢你的帮助！

4

1 回答 1

1

这个小提琴可能会有所帮助：

http://jsfiddle.net/dhavaln/y8JAs/

我已经放置了以下 css 来将选择框对齐在一起。

.ui-select{
    float: left;
    width: 33%;
}​
于 2012-06-09T06:24:43.500 回答