Question

我有这样的场景，我有动态生成的表。表可能包含数字字段和文本字段。我给那个表一个特定的CSS。我希望在表格中有文本字段的地方我给text-align: center;并且表格中有数字字段我给text-align: right;我可以使用单个ID /类来应用CSS吗？我们可以提供if condition识别表字段是CSS文件中的数字还是文本？

这是我动态生成的表

<table class="alignCSS">
<thead>
    <tr>

        <th>
            Doctor Name
        </th>

        <th>
            Amount
        </th>

    </tr>
    </thead>
    <tbody>
<% foreach (var item in Model) { %>
    <tr>

        <td>
            <%: Html.DisplayFor(modelItem => item.Doctor_Name) %>
        // text field here i want to apply center alignment using CSS
        </td>

        <td>
            <%: Html.DisplayFor(modelItem => item.Amount) %>

        //number field here i want to apply right alignment using CSS
        </td>

    </tr>
<% } %>
</tbody>

</table>

Answer 1

<td style="text-align: center;">
    <%= Html.DisplayFor(modelItem => item.Doctor_Name) %>
</td>
<td style="text-align: right;">
    <%= Html.DisplayFor(modelItem => item.Amount) %>
</td>

或者如果您已经使用这些规则定义了CSS类：

<td class="center">
    <%= Html.DisplayFor(modelItem => item.Doctor_Name) %>
</td>
<td class="right">
    <%= Html.DisplayFor(modelItem => item.Amount) %>
</td>

Answer 2

（我知道这是一个老问题......但是）您可以从控制器传递该类的值，以便确定字段类型的逻辑可以在那里。

如何为数字字段应用条件CSS？

2 个答案: