如何使用CSS <div>在另一个内部水平居中<div>?
<div id="outer">
<div id="inner">Foo foo</div>
</div>
Run Code Online (Sandbox Code Playgroud) 看来,如果您只使用Html.DisplayFor(model => model)没有模板的详细信息视图,生成的标记将如下所示:
<div class="display-label">first name</div>
<div class="display-field">Dan</div>
<div class="display-label">last name</div>
<div class="display-field">M</div>
<div class="display-label">email</div>
<div class="display-field">danm@fakedomain.com</div>
Run Code Online (Sandbox Code Playgroud)
这具有相当程度的灵活性.如果你为display-label和创建CSS类display-field,你可以做很多,但是如果我想把它改成这样的话怎么办?
<p>
<span class="display-label">first name</span>:
<span class="display-field">Dan</span>
</p>
<p>
<span class="display-label">last name</span>:
<span class="display-field">M</span>
</p>
<p>
<span class="display-label">email</span>:
<span class="display-field">danm@fakedomain.com</span>
</p>
Run Code Online (Sandbox Code Playgroud)
请注意,现在属性值对现在并排显示(而不是在单独的行上),并且每个属性后面都有一个冒号.
有没有办法创建一个自定义模板,当详细信息视图是脚手架时,将为每个属性值对重复这些模板?
我不是在谈论模型的特定模板(例如,Person模板)或特定属性的EmailAddress模板(例如,模板).我想要一些让我描述属性 - 值对看起来的东西,然后DispalyFor()应该为我的模型或视图模型中的每个属性自动重复该模板.
css ×2
alignment ×1
asp.net-mvc ×1
centering ×1
html ×1
scaffolding ×1
templates ×1
templating ×1