asp.net-mvc - 如何修改详情 View

Question

我在 asp.net mvc 中创建的强类型详细信息 View 的一部分:

 <fieldset >
    <legend>Fields</legend>
    <p>
        ArticleNumber:
        <%= Html.Encode(Model.ArticleNumber) %>
    </p>
    <p>
        CalCertificateFile:
        <%= Html.Encode(Model.CalCertificateFile) %>
    </p>
 </fieldset>

我需要修改此 View 以在两列中显示数据。这在 CSS 中可行吗

Answer 1

如果你的意思是:

ArticleNumber:        number
CalCertificateFile:   file

如果数据与表格对齐，那么除非您使用 JavaScript 或修改您的 View 以将单独的数据包装在 span 或其他标记中，否则这是不可能的。如果你的意思是

ArticleNumber: number
CalCertificateFile: file

那是数据未对齐，只需将 style="display: inline"添加到您的 p 元素即可。

更新:方式#1

<p>
    <label>ArticleNumber:</label>
    <%= Html.Encode(Model.ArticleNumber) %>
</p>

CSS:

p label { width: 30%; }

方式#2:

<fieldset >
<legend>Fields</legend>
<table>
<tr>
    <td>ArticleNumber:</td>
    <td><%= Html.Encode(Model.ArticleNumber) %></td>
</tr>
<tr>
    <td>CalCertificateFile:</td>
    <td><%= Html.Encode(Model.CalCertificateFile) %></td>
</tr>
</table>
</fieldset>

我敢肯定还有更多(也更正确)的方法。修改 View 有什么难的？