CSS приклад: white-space

Тег white-space в CSS: опис, значення та синтаксис

Властивість white-space встановлює, як відображати пробіли між словами на веб-сторінці. Ця властивість імітує роботу тега <pre>, але не змінює шрифт на моноширинний.

Синтаксис

white-space: normal | nowrap | pre | pre-line | pre-wrap | inherit

Значення

normal
Текст відображається як зазвичай, автоматично встановлюються переноси рядків.
nowrap
Пробіли не враховуються, переноси рядків в HTML ігноруються, текст відображається одним рядком.
pre
Текст відображається з урахуванням всіх пробілів і переносів, які додав розробник у HTML.
pre-line
Пробіли не враховуються, текст автоматично переноситься на новий рядок, якщо не поміщається в область.
pre-wrap
Зберігаються всі пробіли і переноси, але якщо рядок не поміщається в область, текст автоматично переноситься на новий рядок.
inherit
Наслідує значення батька.

Часті запитання

  • Q: Як використовувати white-space в CSS?

    A: White-space в CSS використовується для контролю пробілів та перенесень рядків у тексті.

  • Q: Де можна застосовувати white-space в CSS?

    A: White-space може бути використаний у блокових та інлайн елементах для контролю відображення тексту.

  • Q: Які значення може мати white-space в CSS?

    A: Значення white-space може бути normal, nowrap, pre, pre-line, pre-wrap.

  • Q: Як впливає значення white-space: nowrap на текст?

    A: Значення nowrap вказує, що текст не може переноситись на новий рядок, він буде відображатись без перенесень.

  • Q: Як використовувати white-space для вирівнювання тексту?

    A: White-space може бути використаний для вирівнювання тексту, контролю пробілів та перенесень.