Свойство word-wrap (CSS)

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Свойство word-wrap (CSS)

Сообщение Slash » Вс янв 26, 2014 7:21 pm

Доброго все времени суток!
По просьбе одного моего знакомого расскажу о свойстве word-wrap, что это и для чего оно нужно.
Свойство word-wrap задается длинным словам, которые не помещаются в какую-то область страницы, например в ячейку таблицы. Свойство отдает команду - переносить слово или нет. Свойство имеет три синтаксиса:
  1. normal - слова переносятся только в том случаи, если был задан перенос, обычно тегом <br />.
  2. break-word - слово переносится автоматом, тем самым слово помещается в область.
  3. inherit - этот синтаксис будет задан от родителя.
Пример использования данного свойства CSS:

Код: Выделить всё

.danfa {
     break-word: break-word;

HTML:

Код: Выделить всё

<div class="danfa">
Тут размещаем длинные слова.
</div>

Код из примера будет выполнять перенос слов автоматически.
Реклама

Вернуться в «HTML + CSS»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость