如何处理文本溢出.Firefox是否有类似于IE和Safari的文本溢出样式?

我希望在文本溢出并且对于容器来说太大时给用户某种指示。

我正在使用overflow:hidden，所以有可能一些文本将不可见，我想找到一种方法让用户知道何时/如果发生这种情况。

text-overflow样式可以解决这个问题，但是FireFox不支持。

更新:感谢@Galled为这个链接:text-overflow:省略号在Firefox 4?(和FF5)，它展示了如何在旧版本的FireFox中模拟text-overflow:ellipsis。

看起来text-overflow:ellipsis在最新版本的FireFox中工作，如下所示:https://developer.mozilla.org/en/CSS/text-overflow#Browser_compatibility

更新:我非常喜欢这个JavaScript解决方案(确定HTML元素的内容是否溢出)。当然，使用JavaScript可以让你更好地控制溢出内容的显示方式，尽管我一直在寻找一个纯HTML/CSS解决方案。

根据这个，Firefox支持文本溢出(但在7.0版本)。

我做了一个简单的测试，在Firefox 6.0中工作有缺陷:

<html>
<head>
<style>
p {  
  white-space: nowrap;  
  width: 100%;                     
  overflow: hidden;              /* "overflow" value must be different from "visible" */   
  text-overflow:    ellipsis;  
}  
div{
    width:30px;
}
</style>
</head>
<body >
<div>
<p>Hello, hello, hello, hello, hello, hello, hello, hello, hello, hello</p>
</div>
</body>
</html>

我想你要找的CSS属性是overflow

相关内容

最新更新

热门标签：