Asp.net 通过CSS截断GridView列标题文本

我将此样式放在ASP标题中

<style type="text/css">
    .truncated
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>

.截断
{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

并将其应用于GridView单元

<CellStyle CssClass="truncated"></CellStyle>

它很好用

然而，当我试图将相同的样式应用于标题时

<HeaderStyle CssClass="truncated"></HeaderStyle>

它失败了。 我假设列标题中的溢出文本（文本长度超过列宽）可以截断为：abcdef->abcd。。。 但溢出文本仅隐藏，不显示省略号效果，即不显示“…”

---

关于这个问题有什么想法或其他解决方案的建议吗？谢谢

尝试向.trunched规则集添加一个宽度（或最大宽度）。

发生这种情况是因为HeaderStyle将样式应用于标题行，而不是标题的特定单元格。要将样式应用于标题单元格，请将样式更改为：

<style type="text/css">
    .truncated th
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 50px;
        display: inline-block;
    }
</style>

.被截断的th
{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
宽度：50px；
显示：内联块；
}

---

Ofc您可以根据需要调整宽度。

“它失败了。”？这到底是什么意思？很抱歉解释得不清楚。我想列标题中的溢出文本可以截断为：abcdefg->abcd。。。（诸如此类的事情）。但是文本只是隐藏的，没有省略号效应，也就是说，没有“…”出现，记住，当这里有人说“你是什么意思”并批评你的陈述时，他们可能根本不知道答案。谁知道答案不会被这么简单的词所困扰。这就像是一种拖拉。