Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本溢出:省略号不';Internet Explorer中的断线后无法工作_Html_Css_Internet Explorer_Cross Browser - Fatal编程技术网

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对预期行为的说法。。。一行是应该预期的实际行为,但是变体和调优正在进行中,感谢您的解释。我把课文分成了多个段落,效果很好。