CSS 显示模板类名中的额外空格答案

【问题标题】：CSS Display Template Extra Space in Class NameCSS 显示模板类名中的额外空格
【发布时间】：2013-04-06 00:32:13
【问题描述】：

我在我的 C# MVC4 应用程序中使用显示模板来构建我希望我的自定义模型在我的视图中的数据表中显示的方式。对于数据表，我使用 datatables.net。在下面的代码中，我为每个 <td> 赋予了“对齐”类名，但是当我运行应用程序并检查元素时，分配的类名末尾有一个空格，例如“对齐”

@using System;
@model MyProject.Models.CellValueViewModel

<td class="aligned">
    @{if(Model.Value.StartsWith("<input type='checkbox'"))
      {
          @Html.Raw(Model.Value);
      }     
      else if(Model.Value == String.Empty)
      {
          @Html.Encode(0.00);
      }     
      else
      {
          @Html.DisplayFor(x => x.Value);
      }
    }
</td>

谁能提供为什么会这样？

【问题讨论】：

这在任何浏览器中都不应该是一个问题——那么为什么还要麻烦呢？

标签： c# css asp.net-mvc-4 jquery-datatables display-templates

【解决方案1】：

根据您保存文档的方式，有时 Windows 会添加额外的字符。有时我会在使用带有签名的 UTF-8 编码保存的文档中看到这样的奇怪行为。

1) 要查看这是否是您遇到的问题的原因，请转到文件->另存为；

2) 在“保存”按钮上单击向下箭头并选择“使用编码保存”

3) 确保选择不带编码的 utf8。它靠近底部。 4) 确保您没有选择带编码的 utf8，它位于选项顶部附近。

【讨论】：