css - jquery mobile 和 MVC - 有 3 个彼此相邻的列表,没有 ui-grid 或表

标签 css asp.net-mvc model-view-controller jquery-mobile

我在 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/

相关文章:

ios - 如何在 MVC 中正确读取模型?

css - jQueryUI.对话框 : override single css style property?

迁移 TypeScript 后,由 SASS 编译的 CSS 文件不会加载到 CRA 应用程序中

html - 使用 css 编辑标题

asp.net-mvc - 动态 url 路由 ASP MVC

asp.net-mvc - mvc4 webapi自定义特定类型的json序列化器

iphone - 将手势识别器/ Action 方法附加到 View 会违反 Model View Controller 吗?

html - 保持两侧的侧边栏间距相等

c# - ASP.NET MVC NonAction 含义

javascript - 创建或不创建图像模型