Переполнение скрыто, не работающее на контейнере div

Я включил все, что знаю, переполнение скрытое, слово-обертка, высота, ширина, максимальная ширина, но длинные предложения все еще выходят из контейнера.Переполнение скрыто, не работающее на контейнере div

Вот jsfiddle>http://jsfiddle.net/acrane/2nhzmx1o/

ниже является 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; 
}

ОБНОВЛЕНО EDIT Я не хочу использовать многоточие, я хотел, чтобы мои слова, чтобы обернуть, решение и ссылки на jsfiddles в комментариях ниже принятого ответа.

источник

2014-09-19 acrane

У вас нет проблем с переполнением. Если вы установите переполнение текста в многоточие, вы увидите, что текст правильно обрезается. Причина заключается в том, что в вашем контейнере нет прокладки в сочетании с рамкой.

Проверить this за лучшим общее понимание

источник

2014-09-19 13:19:09 riddy

Вы правы, многоточие работает, как ожидалось. Я добавил дополнение к моему jsfiddle> [link] (http://jsfiddle.net/acrane/2nhzmx1o/17/), но я не хочу многоточия, я хочу, чтобы слова переносились на следующую строку, как и каждый другой div. , – acrane

, так что вы хотите, чтобы его обернули? чем вам нужны пробелы: нормальный, см. http://jsfiddle.net/zwfyr2w0/ – riddy

О, отлично! Благодарю. Это и есть. Я никогда не использовал пробелы, мне нужно будет прочитать об этом. Спасибо. Как я могу проверить правильный ответ с прилагаемым комментарием? – acrane

Переполнение скрыто, не работающее на контейнере div

ответ

Смежные вопросы