Содержание div не ограничено шириной div

Question

Я могу поклясться, что видел статьи об этой проблеме, но я не могу найти их снова!В основном, если у меня есть

<div style="width: 250px;">The width of this div should be no less than 250px wide</div>

В приведенном ниже коде содержимое в div не ограничивает его ширину указанной шириной, вызывая проблему переполнения:предложения будут отличными!

Заранее спасибо.

Answer 1

Если вы хотите скрыть переполненный контент, используйте overflow:hidden;

Если вы хотите показать контент и просто вызвать разрыв строки, используйте word-wrap:break-word;

Answer 2

Установка ширины только для одного элемента блока не остановит переполнение границ элемента более широким содержимым, чем эта ширина. Для этого вам также нужно установить свойство «переполнение». Установка его в «скрытый» будет просто скрывать что-либо за пределами границ, но вы также можете установить его в другие значения, чтобы автоматически показывать полосы прокрутки и т. Д.

См. http://reference.sitepoint.com/css/overflow для хорошего объяснения свойства CSS переполнения.

Answer 3

Скрыть ваше переполнение.

Или точнее

.myclass { overflow: hidden; }