hyphens

Các tiện ích để kiểm soát cách từ nên được ngắt dòng.

ClassStyles
hyphens-none
hyphens: none;
hyphens-manual
hyphens: manual;
hyphens-auto
hyphens: auto;

Ví dụ

Ngăn chặn ngắt dòng

Sử dụng tiện ích hyphens-none để ngăn chặn từ khỏi việc ngắt dòng ngay cả khi gợi ý ngắt dòng ­ được sử dụng:

Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeug­haftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.

<p class="hyphens-none">  ... Kraftfahrzeug&shy;haftpflichtversicherung is a ...</p>

Ngắt dòng thủ công

Sử dụng tiện ích hyphens-manual để chỉ đặt điểm ngắt dòng ở nơi gợi ý ngắt dòng &shy; được sử dụng:

Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeug­haftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.

<p class="hyphens-manual">  ... Kraftfahrzeug&shy;haftpflichtversicherung is a ...</p>

Đây là hành vi mặc định của trình duyệt.

Ngắt dòng tự động

Sử dụng tiện ích hyphens-auto để cho phép trình duyệt tự động chọn điểm ngắt dòng dựa trên ngôn ngữ:

Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeughaftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.

<p class="hyphens-auto" lang="de">  ... Kraftfahrzeughaftpflichtversicherung is a ...</p>

Gợi ý ngắt dòng &shy; sẽ được ưu tiên hơn các điểm ngắt dòng tự động.

Responsive design

Prefix a hyphens utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<p class="hyphens-none md:hyphens-auto ...">  Lorem ipsum dolor sit amet...</p>

Learn more about using variants in the variants documentation.

Copyright © 2025 Tailwind Labs Inc.·Chính sách thương hiệu