Formating Preformated Text on Your Website Formating Preformated текст на Вашем сайте
August 6th, 2007 · by David Bradley 6 августа 2007 года Дэвид Брэдли
On occasion, I have used the html <pre> tab to preformat an error message or other standout text in a post. Иногда я использовал html <pre> вкладку preformat сообщение об ошибке или другой standout текст в должность. At least one Sciencetext reader was intrigued as to how I managed to wrap the text rather than it being displayed right across the post area or with a horizontal scrollbar. По крайней мере, один читатель Sciencetext был intrigued того, как я сумел обернуть текст, а не оно будет отображаться прямо через пост района или с горизонтальной прокрутки.
Well, there is a very simple CSS hack. Ну, существует очень простой CSS взломать. Open up your stylesheet (be sure to make a backup first) and add this code to the bottom. Откройте ваши таблицы стилей (не забудьте сделать резервную копию первой) и добавить этот код на дно.
/* Browser specific (not valid) styles to make preformatted text wrap */ / * Браузер-специфические (не действует) стили сделать текст отформатирован обернуть *
pre { до (
white-space: pre-wrap; /* css-3 */ белый-пространство: пре-заверните; / * css-3 * /
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ бело-пространстве:-moz-предварительно обернуть; / * Mozilla, начиная с 1999 года *
white-space: -pre-wrap; /* Opera 4-6 */ бело-пространстве:-предварительно обернуть; / * Опера 4-6 *
white-space: -o-pre-wrap; /* Opera 7 */ бело-пространстве:-о-до-заверните; / Opera 7 * * /
word-wrap: break-word; /* Internet Explorer 5.5+ */ Слово-маска: брейк-слово, / * Internet Explorer 5.5 + * /
} )
Save the sheet and refresh the page on which you are using the preformated chunk of text, it should now be wrapping better than Ice T. There are various other ways to implement this Сохранить листа и обновить страницу, на которой вы используете preformated часть текста, она теперь должна быть лучше, чем обертывания Ice Т. Существуют различные другие способы осуществления этой hack взломать , but this is the quickest and easiest. , Но это быстрый и простой. You can also add other CSS tags to change the font size, for instance, so that the preformated block of text doesn’t look so clunky. Можно также добавить другие теги CSS для изменения размера шрифта, например, с тем чтобы preformated фрагмент текста не выглядит столь clunky. The Sciencetext stylesheet for instance includes font-size:0.9em; to reduce the font size to 90%, which makes it look a little more stylish. Sciencetext стилей например, включает в себя размер шрифта: 0.9em; уменьшить размер шрифта на 90%, что делает его смотреть чуть более стильно. You could add borders, change the font, in fact apply all kinds of special formating. Можно добавить границы, изменять шрифт, на самом деле применять все виды специальных formating. Just remember it will apply site wide to all pre text if you add the code to the stylesheet. Просто помните, она будет применять широкий сайт всем заранее текстом, если вы добавляете код стилей.
Related Posts Похожие Сообщений
- Formating Preformated Text on Your Website Formating Preformated текст на Вашем сайте
- Use Your Cellphone to Monitor Website Health Используйте свой мобильный телефон для мониторинга веб-сайт здоровья
- Are Your Error Pages Office2003blue? Являются ли ваши страницы Office2003blue ошибку?
- Free Website Magazine Бесплатный веб-сайте журнала
- Who Hosts This Site Кто Хосты этот сайт






















2 responses so far ↓ 2 ответов до сих пор ↓
Hsien Lei Hsien Лэй // / / Aug 9, 2007 at 10:31 am 9 августа 2007 года в 10:31 утра
I couldn’t access the Deleting Stubborn Files post and I have one I want to delete too! Я не смог получить доступа Удаление файлов Stubborn должность, и я один Я хочу удалить слишком!
David Bradley Дэвид Брэдли // / / Aug 9, 2007 at 12:07 pm 9 августа 2007 года в 12:07 вечера
The “deleting stubborn files” post Hsien mentions will appear formally on Aug 10, it got pre-post-dated in this item in error, I’ve removed the link for now… "Удаление файлов упрямые" после Hsien упоминает появится официально 10 августа, она получила заранее-от должности в этот пункт по ошибке, я удаляется ссылка на данный момент…
Leave a Comment Оставьте комментарий