Thứ năm, 03/09/2020 | 00:00 GMT+7

Thuộc tính khoảng trắng CSS


khoảng trắng là một thuộc tính CSS giúp kiểm soát cách xử lý khoảng trắng và ngắt dòng trong văn bản của phần tử.

Thuộc tính khoảng trắng có thể nhận các giá trị sau:

  • normal : Giá trị mặc định. Nhiều khoảng trắng được thu gọn thành một. Văn bản sẽ chuyển sang dòng tiếp theo khi cần thiết.
  • nowrap : Nhiều khoảng trắng được thu gọn thành một, nhưng văn bản không nằm ở dòng tiếp theo. Ta đã thảo luận về cách sử dụng giá trị nowrap để ngăn ngắt dòng.
  • pre : Kết quả tương tự như sử dụng <pre> trong đó tất cả các khoảng trắng sẽ được giữ nguyên và văn bản chỉ kết thúc khi ngắt dòng trong nội dung.
  • pre-line : Nhiều khoảng trắng được thu gọn thành một, văn bản ngắt xuống dòng tiếp theo khi cần hoặc với các ngắt dòng trong nội dung.
  • pre-wrap : Tương tự như pre , nhưng văn bản cũng được kết thúc khi cần thiết.

khoảng trắng: bình thường

Medusafish dải cá killifish convict blenny cá thu đao threadail beluga cá tầm. Cá hồi mul mora cisco masu Ấn Độ, cá hồi dậu, cá mập cầu longnose lancetfish bluefish cá hồng đỏ Sacramento splittail khổng lồ danio.

khoảng trắng: nowrap

Medusafish dải cá killifish convict blenny cá thu đao threadail beluga cá tầm. Cá hồi mul mora cisco masu Ấn Độ, cá hồi dậu, cá mập cầu longnose lancetfish bluefish cá hồng đỏ Sacramento splittail khổng lồ danio.

khoảng trắng: trước

Ở đây tôi đã bao gồm các dấu ngắt dòng và khoảng trắng thừa theo cách thủ công. Chú ý ngắt dòng thừa ở đầu. Đó là bởi vì trong phần đánh dấu, văn bản bắt đầu ở dòng sau phần tử <p> .

Medusafish dải cá killifish convict blenny cá thu đao threadail beluga cá tầm. Cá hồi mul mora cisco masu Ấn Độ, cá hồi dậu, cá mập cầu longnose lancetfish bluefish cá hồng đỏ Sacramento splittail khổng lồ danio.

dòng trước

Ở đây văn bản sẽ ngắt khi cần thiết, nhưng tôi cũng ngắt theo cách thủ công một vài từ cuối cùng. Tôi đã bao gồm các khoảng trắng bổ sung tương tự, nhưng chúng hiện đã được thu gọn.

Medusafish dải cá killifish convict blenny cá thu đao threadail beluga cá tầm. Cá hồi mul mora cisco masu Ấn Độ, cá hồi dậu, cá mập cầu longnose lancetfish bluefish cá hồng đỏ Sacramento splittail khổng lồ danio.

bọc trước

Bây giờ các khoảng trắng thừa không bị thu gọn.

Medusafish dải cá killifish convict blenny cá thu đao threadail beluga cá tầm. Cá hồi mul mora cisco masu Ấn Độ, cá hồi dậu, cá mập cầu longnose lancetfish bluefish cá hồng đỏ Sacramento splittail khổng lồ danio.


Tags:

Các tin liên quan

image đường viền và đường viền Gradient trong CSS thuần túy
2020-09-03
Cắt image trong CSS với đối tượng phù hợp
2020-09-03
Inline so với Inline-Block Display trong CSS
2020-09-03
CSS Grid: Hợp lý và Căn chỉnh
2020-09-03
Bố cục lưới CSS: Đơn vị Fr
2020-09-03
Giới thiệu về Clipping Sử dụng clip-path trong CSS
2020-09-03
Tùy chỉnh gạch chân với trang trí văn bản trong CSS
2020-09-03
Giải thích về đơn vị CSS
2020-09-03
Cải thiện khả năng phản hồi bằng cách bọc linh hoạt trong CSS
2020-09-03
Drop Caps trong CSS sử dụng chữ cái đầu tiên và chữ cái đầu
2020-09-03