溢出隐藏不能在容器div上工作

我已经包含了我所知道的所有内容，溢出隐藏，单词换行，高度，宽度，最大宽度，但长句子仍然溢出容器。溢出隐藏不能在容器div上工作

这里是一个的jsfiddle>http://jsfiddle.net/acrane/2nhzmx1o/

下面

是div文本溢出的的CSS。它是弹出的导航悬停的一部分。

.nav-info, .nav-info-fixed { 
width: 100%; 
position: absolute; 
top: 0%; 
background-color: #fff; 
border-radius: 10px; 
z-index: 1000; 
height:100%; 
overflow: hidden; 
word-wrap: break-word; 
margin: 0 0 10px 0; 
background-color: rgba(255,255,255,.8); 
color: #000; 
}

修订编辑 我不想使用省略号，我想我的话来包装，解决方案和链接jsfiddles是公认的答案下面的评论。

来源

2014-09-19 acrane

你没有溢出问题。如果将文本溢出设置为省略号，您将看到文本正确裁剪。只有这样的事实，即你的容器没有与边界圆的组合，这就是为什么这看起来像一个问题。

检查this为了更好的一般理解

来源

2014-09-19 13:19:09 riddy

你说得对，省略号按预期工作。我添加了填充到我的jsfiddle> [链接]（http://jsfiddle.net/acrane/2nhzmx1o/17/），但我不想省略号，我希望单词像其他每个div一样下到下一行。 – acrane 2014-09-19 13:47:05

所以你想要它被包裹？比你需要空白：正常，见 http://jsfiddle.net/zwfyr2w0/ – riddy 2014-09-19 13:53:52

哦，完美！谢谢。这就是它。我从来没有真正使用空格，我必须阅读它。谢谢。如何查看附带此评论的正确答案？ – acrane 2014-09-19 14:09:59

溢出隐藏不能在容器div上工作

回答

相关问题