Перенос текста на ширину браузера или указанную ширину, в зависимости от того, что меньше - PullRequest
2 голосов
/ 30 октября 2011

Как можно обернуть текст, отображаемый в браузере, в или ширину браузера или указанную ширину, в зависимости от того, что меньше?

Я помещаю текст внутри <table width='850'>для переноса в определенную точку, поэтому, если пользователь развернул свой браузер на гигантском мониторе, целый абзац не помещается в одну строку.Но когда пользователь делает браузер очень узким, приведенный выше метод заставляет текст переноситься через край видимой области.Не совсем то, что я хочу.

Итак, я ищу лучший подход.

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

EDIT - Я принял ответ, но я нашел проблему (и решение, которое кажется работающим) с принятым ответом при использовании с Internet Explorer.Я потратил полчаса, пытаясь заставить работать максимальную ширину, но просто не мог.Все остальные свойства стиля работали нормально.Затем я обнаружил это http://svendtofte.com/code/max_width_in_ie, в котором говорилось, что для максимальной ширины для работы в IE нужно было использовать следующее: p {width: expression (400 + "px");}.Я не понимаю, почему пример скрипта работал с max-width на IE, но не на моей странице.Может быть, это потому, что я включил мою CSS в мою HTML-страницу?

Ответы [ 2 ]

2 голосов
/ 30 октября 2011

Вы можете установить свойство max-width в своем CSS.

Таким образом, страница будет расширяться до определенной точки, а затем не более.

Пример:

.mainDiv{
    max-width:700px;
}

Рабочий пример: http://jsfiddle.net/Pa5JG/

Подробнее о max-width: http://reference.sitepoint.com/css/max-width

1 голос
/ 30 октября 2011

Просто используйте max-width.Смотри эту скрипку .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...