Question

在下面的html中，我无法获得标签，并且相应的单选按钮出现在同一行，这是正确的方法吗？

感谢

<div class="display-field">
            @foreach (var value in Enum.GetValues(typeof(items.titles)))
            {
                    <div class="display-field">
                            @Html.Label(value.ToString())
                            @Html.RadioButtonFor(m => m.title, value)
                    </div>
            }
</div>

Answer 1

尝试使用LabelFor而不是Label

@Html.LabelFor

有关详细信息，请参阅标签教程 http://www.tutorialsteacher.com/mvc/htmlhelper-label-labelfor

Answer 2

将标签的CSS样式设置为inline-block。

@Html.Label(value.ToString(), new { style = "display: inline-block" })

如果没有看到您网页的CSS，那么您调用@Html.Label()时产生的标签元素可能会设置为阻止级别（display: block）。块级元素堆叠在彼此之上，而内联/内联块级元素则不会。

请注意，您应该在CSS中设置display值，而不是在帮助者的htmlAttributes值中设置优先级。你可以通过把这个（或者更好地定位在你的CSS文件中）来做到这一点：

label { display: inline-block; }

html项目未出现在同一行

2 个答案: