验证 (CSS 3.0)：'text-overflow' 不是已知的 CSS 属性名称

Posted 2023-03-06

【中文标题】验证 (CSS 3.0)：\'text-overflow\' 不是已知的 CSS 属性名称

【英文标题】：Validation (CSS 3.0): 'text-overflow' is not a known CSS property name验证 (CSS 3.0)：'text-overflow' 不是已知的 CSS 属性名称

【发布时间】：2012-04-08 09:02:54

【问题描述】：

我在 asp.net gridview 中有一个专栏。列中的字符串很长，没有空格。所以我想用省略号把它包起来。 但我不能使用文本溢出，因为它没有被 CSS 识别。 我的代码：

 <asp:TemplateField HeaderText="MD9" ItemStyle-Width="200px">
                    <ItemTemplate>
                        <div style="width: 200px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
                            <%# Eval("MD9")%>
                            ></div>
                    </ItemTemplate>
                </asp:TemplateField>

怎么改？

【问题讨论】：

你的意思是它没有被 Visual Studio CSS 验证器识别？好吧，谁在乎...（它可以在浏览器中运行）

好吧，我想点击省略号然后展开其余文本但失败了。

text-overflow 属性（与一般的 CSS 类似）定义表示，而不是行为。您可能需要一个 javascript 点击处理程序。使用 CSS，您只能实现“悬停”处理程序 - jsfiddle.net/sW4G5

糟糕，很难针对省略号触发事件。有什么想法吗？

我不认为 text-overflow:ellipsis 的省略号可以通过 JavaScript 访问。您可以在 DIV 上绑定点击处理程序...

【参考方案1】：

您需要使用 Web Standards Update for Microsoft Visual Studio 2010 SP1 更新您的 CSS3 Intellisense 架构。