Asp.net mvc JqueryMobile复选框不';“我不喜欢”;“数据内联”;

Asp.net mvc JqueryMobile复选框不';“我不喜欢”;“数据内联”;,asp.net-mvc,jquery-mobile,Asp.net Mvc,Jquery Mobile,我正在用MVC 3/Razor和jquery mobile开发一个web应用程序。在jquery mobile中,通常可以向对象的属性添加data\u inline=“true”,这样可以防止元素在屏幕上一直延伸,如下所示: @Html.DropDownListFor(m => m.value, options, new { data_inline = "true" }) @Html.ActionLink("Text", "Action", null, new {data_role="bu

我正在用MVC 3/Razor和jquery mobile开发一个web应用程序。在jquery mobile中,通常可以向对象的属性添加
data\u inline=“true”
,这样可以防止元素在屏幕上一直延伸,如下所示:

@Html.DropDownListFor(m => m.value, options, new { data_inline = "true" })
@Html.ActionLink("Text", "Action", null, new {data_role="button", data_inline="true"})
这两个都很好。但是在复选框上

@Html.CheckBoxFor(m => m.value, new { data_inline = "true" })
。。。它似乎没有任何作用,而且我仍然有一个讨厌的拉长复选框。添加
数据\u role=“button”
没有帮助(这不是我所期望的)


这有什么原因吗?有没有什么好办法可以让我的复选框在不使用手动CSS修改的情况下不被拉伸?

jQM复选框不支持
数据内联
。您只需将
标签
CSS属性
显示
更改为
内联块

<label class="inline">
    <input type="checkbox" name="chk0" class="ui-btn-inline" />Check me
</label>

.inline {
    display: inline-block !important;
}

检查我
.内联{
显示:内联块!重要;
}