Css 回发后webgrid上的列宽丢失

我有一个非常简单的webgrid，有3列：

看法

我想将我的列设置为固定宽度。我曾尝试在这里使用百分比宽度和精确宽度，如500px、100px等，它们最初都可以工作，但在回发后会丢失

td:nth-child(3) {
    width: 70%;      /* targeting the skills column */
}
td:nth-child(1) {
    width: 20%;      /* targeting the name column */
}
td:nth-child(2) {
    width: 10%;      /* targeting the role column */
}

css:

.AppSkills {
    width: 70%;
}
.AppName {
    width: 20%;
}

.Role {
    width: 10%;
}

“我的网格”是一个结果网格，它由许多过滤器填充，因此每次用户选择不同的过滤器并单击“搜索”时，结果都会更改，网格也会重新填充。我发现网格列宽样式正在丢失。这是我的屏幕的样子。最初看起来不错，但在选择不同的过滤器并点击搜索后，网格列宽将丢失

我曾尝试将我的表单作为GET和POST发布，以查看是否是GET丢失了格式。但两者的结果相同

  @using (Html.BeginForm("Search", "Home", FormMethod.Post))
        {

---

有什么明显的我做错了吗？或者有没有办法确保网格列的宽度固定，这样它们就不会移动

确保回发后网格仍然应用了类

此外，请发布HTML供我们查看，以便我们能够诊断问题，因为我们不确定它们是样式为div还是表

如果是表，请尝试运行以下CSS。基本上，它将单独以没有类名的列为目标，以防类在回发过程中丢失

td:nth-child(3) {
    width: 70%;      /* targeting the skills column */
}
td:nth-child(1) {
    width: 20%;      /* targeting the name column */
}
td:nth-child(2) {
    width: 10%;      /* targeting the role column */
}

---

逗号后缺少空格，因此可能将其中一个条目视为一个大的不可破单词。如果您不能更改基础数据，假设它不是执行连接的代码，那么您可以使用css分词属性对其进行排序。

您显示的css与类绑定。宽度丢失意味着类从网格中丢失。如果你在回发后查看网格，你还看到类吗？嗨，Matt，谢谢你的回复，很好的观点，是的，我在页面发布后检查了开发工具，样式仍然适用，这就是为什么我真的很困惑。我明白你的意思，我检查了“技能”列中的数据，其中一个条目的字符串非常长，没有空格，因此样式无法应用于此特定字段，因此将列宽向外推。谢谢你，我在这件事上浪费了很多时间，我根本没想过要检查一下。