Question

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

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

我需要修改此视图以在两列中显示数据。这可能在CSS中

Answer 1

如果你的意思是：

ArticleNumber:        number
CalCertificateFile:   file

将数据作为表格对齐，除非您使用JavaScript或修改视图以在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>

我确信还有更多（更正确）的方法。修改视图有什么困难？

如何修改详细信息视图

1 个答案: