我在 jQuery Mobile 中设置 3 个列表并排排列时遇到问题。不幸的是我不能使用 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>
感谢您的帮助!
最佳答案
这个 fiddle 可能有帮助:
http://jsfiddle.net/dhavaln/y8JAs/
我已经放置了以下 CSS 来将选择框对齐在一起。
.ui-select{
float: left;
width: 33%;
}
关于css - jquery mobile 和 MVC - 有 3 个彼此相邻的列表,没有 ui-grid 或表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10955095/