Поведение пробелов в html (и переносов)

Вторник, 22.05.2012, 10:21
Приветствую Вас Гость

Сайт факультета ЭВТ ВолгГТУ

Форма входа

Категории раздела

jQuery [1]

php [1]

html [2]

mysql [1]

java [1]

Дополнительно

Реклама

Это интересно...

- Внимание, земля! Говорит борт 13! У нас отказал бортовой компьютер. Что делать?

- Борт 13! Борт 13! Это диспетчер! Слышите меня? Играйте пока на резервном! Играйте на резервном.

Поиск

Наш опрос

Статистика

Онлайн всего: 15

Ныкаются: 15

Пользователей: 0

Главная » Статьи » Программирование для чайников » html

[ Добавить статью ]

Поведение пробелов в html (и переносов)

В любом html-документе по умолчанию любое количество пробелов, встретившихся подряд, отображаются как один пробел, а обычные переводы строк вообще никак не отображаются. Всё это легко настраивается.

Если вам нужно поставить несколько пробелов подряд в единичном случае, можете воспользоваться кодом неразрывного пробела:  
Если вам понадобилось отобразить область со всеми пробелами и переводами строк как и в исходном коде, то используйте тег <pre>. Например: <pre>много пробелов</pre>
Обратите внимание, что по умолчанию тег <pre> устанавливает моноширинный шрифт (часто это очень удобно).
Максимальные возможности настройки поведения пробелов и переносов строк в html-документе можно получить, используя css-свойство "white-space". Про него уже все давно написано, поэтому повторяться нет смысла:
- Информация в справочнике: http://htmlbook.ru/css/white-space
- Подробная статья с визуальными примерами и с предостережениями для начинающих верстальщиков: http://www.css-tricks.ru/Articles/Details/CSS-white-space

Свойство white-space, быстрая справка

Картинки взяты по ссылке выше (хотя скорее всего они с другого сайта).