purecss.io并包装LabelFor

时间:2014-09-22 14:25:54

标签: c# css asp.net-mvc yui-pure-css

我在我的项目中使用purecss.io,在尝试将标签样式应用于LabelFor元素时遇到问题。我知道它不会采用任何html属性,但我无法在没有将所有字母压缩在一起的情况下采取风格。

LabelFor squished

我已经尝试了以下几行,并且已经停止了编辑模板,但是如果没有更简单的方法就会停止。

<label>@Html.LabelFor(model => model.keyId)</label>
<div class="pure-form label">@Html.LabelFor(model => model.keyId)</div>

编辑:是的抱歉它包含在“纯粹形式对齐”的图片中。

    <div class="pure-form pure-form-aligned">

    <fieldset>

        <div class="pure-control-group">
            <div class="pure-form ">@Html.LabelFor(model => model.keyId)</div>

2 个答案:

答案 0 :(得分:1)

是什么让您认为LabelFor无法接受HTML属性?它绝对可以:

@Html.LabelFor(m => m.Foo, new { @class = "myclass" })

答案 1 :(得分:0)

似乎问题出在网格嵌套上。部分嵌套在一个视图中,我最终得到了三组嵌套网格(包括布局视图中的网格)。从局部固定网格中删除网格。