Tự học CSS: Thuộc tính white-space

Bài viết tiếp theo trong series Tự học CSS, mình xin chia sẻ với các bạn về thuộc tính white-space - Xác định cách xử lý khoảng trắng có trong thành phần.

1. Cấu trúc khai báo:

.class { white-space: giá trị }

#id { white-space: giá trị }

keyword { white-space: giá trị }

2. Một số giá trị và ý nghĩa:

- white-space: normal (Dạng mặc định - Khoảng trắng hiển thị bình thường)
- white-space: nowrap (Nội dung text sẽ hiển thị trên cùng một hàng, chỉ xuống hàng khi gặp thẻ <br />)
- white-space: pre (Nội dung text sẽ hiển thị trên cùng một hàng, chỉ ngắt dòng tại đoạn văn bản sử dụng thẻ <pre> - khoảng trắng sẽ do trình duyệt điều khiển.)
- white-space: pre-line (Nội dung text sẽ tự động bao lại khi cần thiết và xuống hàng)
- white-space: pre-wrap (Giống pre-line, nhưng khoảng trắng sẽ do trình duyệt điều khiển)

Chúc các bạn thành công !