Khái niệm

white-space là một thuộc tính trong CSS được sử dụng để xác định cách xử lý và hiển thị khoảng trống và xuống dòng trong văn bản.

Có nhiều giá trị khác nhau cho white-space, bao gồm:

• normal: Đây là giá trị mặc định. Khoảng trống liên tục (bao gồm cả dấu cách và tab) sẽ được coi là một khoảng trống duy nhất. Xuống dòng sẽ xảy ra khi cần thiết để văn bản thích nghi với kích thước của phần tử chứa.
• nowrap: Khoảng trống không được tự động chia nhỏ. Văn bản sẽ không xuống dòng, điều này có thể dẫn đến việc văn bản bị tràn ra khỏi khung chứa.
• pre: Khoảng trắng liên tục và các ký tự xuống dòng sẽ được giữ nguyên trong văn bản. Các ký tự xuống dòng sẽ tạo thành một dòng mới.
• pre-line: Khoảng trắng liên tục sẽ được coi là một khoảng trống duy nhất, trong khi các ký tự xuống dòng sẽ tạo thành một dòng mới.
• pre-wrap: Khoảng trắng liên tục và các ký tự xuống dòng sẽ được giữ nguyên trong văn bản. Các ký tự xuống dòng sẽ tạo thành một dòng mới.

Cách sử dụng

Ví dụ

HTML

<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae cum sunt vel harum numquam explicabo deleniti vitae natus facilis, repellat autem ex, laboriosam doloribus officia, earum eum. Inventore, tempore harum.</p>

CSS

p {
  white-space: nowrap;
}

Kết quả:

Trải nghiệm