Ширина CSS больше, чем Ширина страницы без горизонтальной прокрутки (переполнение: скрыто, не вариант)

Question

У меня есть базовый макет в 960.gs. Одна строка текста абсолютно позиционируется, начиная с внутреннего DIV и заканчивая только правой стороной страницы.

Вот скриншот:

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

1. переполнение: скрыто; не делает трюк, потому что мне нужно установить ширина шире страницы.
2. поплавок не будет работать, потому что текст не может избежать ширины внутреннего DIV.
3. Я не могу установить его вне внутреннего DIV и просто расположить его там, поскольку та же проблема все еще будет существовать.

Код в основном прост:

<wrapper (containing) DIV>
   <text stripe DIV>
      <p></p>
   </text stripe DIV>
</ wrapper DIV>

Я знаю, что делал что-то подобное раньше, и я не могу на всю жизнь вспомнить, что я в итоге делал.

Спасибо.

Answer 1

с учетом разметки выше:

div.container { width: auto; overflow: hidden; }

p { white-space: pre-wrap; }

... И затем вставлять несколько жестких возвратов в строку «несломанные слова» через проверенные интервалы.

Пара width: auto является заполнителем; вычисленное width этого div должно равняться ширине холста страницы.

Кроме того, вы можете установить текст в виде изображения и применить его в качестве фона div или абзаца с повторяющимся значением no-repeat.