Question

我已经包含了我所知道的所有内容，溢出隐藏，自动换行，高度，宽度，最大宽度，但长句仍然从容器中溢出。

这是一个jsfiddle＆gt; 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的链接在下面的评论中接受的答案。

Answer 1

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

检查this以获得更好的一般性理解

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

1 个答案: