Метод разрыва предложения длинной строки

Question

Я разрабатываю тему iPhone для своего сайта. Можете ли вы разбить длинное предложение примерно так:

A long sentence would go past the iPhone screen and I need this to break

В это:

A long sentence would go past the iPhone
screen and I need this to break

Показывается так:

http://uimgz.com/i/M8U5X5f2d1.png

Answer 1

Согласно: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Browser_compatibility

pre {
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;      /* current browsers */
}

word-wrap, кажется, больше не работает, используйте white-space вместо

Answer 2

если в вашем тексте есть пробелы, то добавление ширины для элемента обтекания автоматически нарушит текст. Но если у вас есть текст без пробела (например, ссылка), вы можете использовать break-word:

.your-selector {
  word-wrap: break-word;
}

Answer 3

Мне кажется, проблема в том, что «область просмотра» шире, чем экран устройства.См. этот пост для некоторого фона и возможного решения.