Html 文本溢出:省略号不';Internet Explorer中的断线后无法工作
我遇到了Html 文本溢出:省略号不';Internet Explorer中的断线后无法工作,html,css,internet-explorer,cross-browser,Html,Css,Internet Explorer,Cross Browser,我遇到了文本溢出问题:当文本被换行符分隔时,省略号无法在Internet Explorer中工作 在Firefox和Chrome中,两行文本都会被省略号截断。在Internet Explorer中,第一行用省略号截断,第二行在右侧截断 这是我的密码: .text包装器{ 边框:实心1px#c2c2; 填充:10px; } .文本包装器{ 溢出:隐藏; 文本溢出:省略号; 空白:nowrap; } 此行溢出,并在任何浏览器中获得省略号。 这一行溢出并在除IE以外的任何浏览器中获得省略号。
文本溢出问题:当文本被换行符分隔时,省略号无法在Internet Explorer中工作
在Firefox和Chrome中,两行文本都会被省略号截断。在Internet Explorer中,第一行用省略号截断,第二行在右侧截断
这是我的密码:
.text包装器{
边框:实心1px#c2c2;
填充:10px;
}
.文本包装器{
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
}
此行溢出,并在任何浏览器中获得省略号。
这一行溢出并在除IE以外的任何浏览器中获得省略号。
使用,省略号可以应用于单行文本
必须满足以下CSS要求:
- 必须具有
宽度
- 必须有
空白:nowrap
- 必须有
溢出
,其值不是可见
- 必须具有
显示:块
或内联块
看起来IE实际上正确地呈现了省略号:第二行不应该有省略号。这使得它实际上是多行的,违反了nowrap
的意图,省略应该失败
Chrome和Firefox在换行符后呈现省略号的事实可能是他们自己在实现上的差异
一种解决方法是创建新段落,而不是换行符
对于多行文本省略,请考虑以下选项:
在任何浏览器中都是这样,对于这种行为,pre是必需的。威奇仍然没有在IE中工作。这是一个bug吗?不确定W3C对预期行为的说法。。。一行是应该预期的实际行为,但是变体和调优正在进行中,感谢您的解释。我把课文分成了多个段落,效果很好。