css - Overflow hidden not working on container div -
i've included know, overflow hidden, word-wrap, height, width, max-width, long sentences still spill out of container.
here jsfiddle > http://jsfiddle.net/acrane/2nhzmx1o/
below css of div text spilling out of. it's part of nav hover pops up.
.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; }
updated edit didn't want use ellipsis, wanted words wrap, solution , links jsfiddles in comments below accepted answer.
you have no issue overflow. if set text-overflow ellipsis see, text correctly cropped. fact, container not have padding in combination border-round reason why looks issue.
check this out better general understanding
Comments
Post a Comment