CodeBase | Frontend

⚙️ Что такое свойство white-space в CSS и зачем оно используется?

white-space — это CSS-свойство, которое управляет отображением пробелов и переносом строк внутри элемента. Оно определяет, как браузер будет обрабатывать пробелы, табуляции и переводы строк.

➡️ Пример:

<div class="text">
  Этот   текст  
  сохраняет    пробелы
  и переносы.
</div>

<style>
  .text {
    white-space: pre; /* Сохраняем пробелы и переносы */
    border: 1px solid black;
  }
</style>

🗣 В этом примере:

• white-space: normal; — пробелы схлопываются, текст переносится автоматически (значение по умолчанию).
• white-space: nowrap; — текст не переносится.
• white-space: pre; — сохраняются все пробелы и переносы, как в коде.

Это свойство полезно для оформления кода, вывода логов и управления форматированием текста.

CodeBase | Frontend | #CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

www.tg-me.com/cn/telegram/com.codebase_frontend/560

476 viewsApr 12 at 09:40

⚙️ Что такое свойство white-space в CSS и зачем оно используется?

white-space — это CSS-свойство, которое управляет отображением пробелов и переносом строк внутри элемента. Оно определяет, как браузер будет обрабатывать пробелы, табуляции и переводы строк.

➡️ Пример:

<div class="text">
  Этот   текст  
  сохраняет    пробелы
  и переносы.
</div>

<style>
  .text {
    white-space: pre; /* Сохраняем пробелы и переносы */
    border: 1px solid black;
  }
</style>