CSS chia văn bản thành hai dòng
Giá trị mặc định. bình thường được kế thừa. vângCó thể hoạt hình. không. Đọc về animatableVersion. Cú pháp CSS3JavaScript. mục tiêu. Phong cách. wordBreak="break-all" Thử đi Hỗ trợ trình duyệtCác số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính Thuộc tính word-break4. 05. 515. 03. 115. 0 Cú pháp CSSphá vỡ từ. thông thường. phá vỡ tất cả. giữ tất cả. ngắt lời. ban đầu. thừa kế; Giá trị tài sảnGiá trịMô tảDemonormalGiá trị mặc định. Sử dụng quy tắc ngắt dòng mặc địnhbreak-allĐể tránh tràn, từ có thể bị ngắt ở bất kỳ ký tự nào Bản trình diễn ❯keep-all Không nên sử dụng ngắt từ cho văn bản tiếng Trung/Nhật/Hàn (CJK). Hành vi của văn bản không phải CJK giống như giá trị "bình thường"Bản trình diễn ❯ngắt từ Để tránh tràn, từ có thể bị ngắt tại các điểm tùy ý Bản trình diễn ❯initial Đặt thuộc tính này thành giá trị mặc định của nó. Đọc về khởi tạo Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về thừa kế Thuộc tính CSS
Ngắt văn bản bằng quy tắc ngắt dòng mặc định loose Ngắt văn bản bằng quy tắc ngắt dòng hạn chế nhất. Thường được sử dụng cho các dòng ngắn, chẳng hạn như trong báo chí normal Ngắt văn bản bằng quy tắc ngắt dòng phổ biến nhất strict Ngắt văn bản bằng quy tắc ngắt dòng nghiêm ngặt nhất anywhere Có một cơ hội bọc mềm xung quanh mọi đơn vị ký tự typographic, bao gồm xung quanh bất kỳ ký tự dấu chấm câu hoặc khoảng trắng được giữ nguyên hoặc ở giữa các từ, bỏ qua bất kỳ lệnh cấm nào đối với ngắt dòng, ngay cả những lệnh cấm do các ký tự có ký tự GL, WJ hoặc ZWJ tạo ra . Các cơ hội gói khác nhau không được ưu tiên. Dấu gạch nối không được áp dụng Giá trị ban đầu Trong CSS, nếu bạn có một chuỗi không thể ngắt, chẳng hạn như một từ rất dài, theo mặc định, nó sẽ làm tràn bất kỳ vùng chứa nào quá nhỏ đối với nó theo hướng nội tuyến. Chúng ta có thể thấy điều này xảy ra trong ví dụ dưới đây. từ dài đang kéo dài qua ranh giới của hộp nó được chứa trong CSS sẽ hiển thị tràn theo cách này, vì nếu làm khác có thể gây mất dữ liệu. Trong CSS mất dữ liệu có nghĩa là một số nội dung của bạn biến mất. Vì vậy, giá trị ban đầu của Trong ví dụ tiếp theo này, bạn có thể thấy điều gì sẽ xảy ra nếu Để tìm kích thước tối thiểu của hộp sẽ chứa nội dung của nó mà không bị tràn, hãy đặt thuộc tính Do đó, sử dụng Nếu hộp cần có kích thước cố định hoặc bạn muốn đảm bảo rằng các từ dài không thể tràn ra ngoài, thì thuộc tính Ghi chú. Tài sản Một tài sản thay thế để thử là Trong ví dụ tiếp theo này, bạn có thể so sánh sự khác biệt giữa hai thuộc tính trên cùng một chuỗi văn bản Điều này có thể hữu ích nếu bạn muốn ngăn khoảng cách lớn xuất hiện nếu chỉ có đủ khoảng trống cho chuỗi. Hoặc, khi có một yếu tố khác mà bạn không muốn sự gián đoạn xảy ra ngay sau đó Trong ví dụ dưới đây có một hộp kiểm và nhãn. Giả sử, bạn muốn nhãn bị hỏng nếu nó quá dài so với hộp. Tuy nhiên, bạn không muốn nó bị hỏng ngay sau hộp kiểm Để thêm dấu gạch nối khi các từ bị hỏng, hãy sử dụng thuộc tính CSS Bạn cũng có thể sử dụng thuộc tính Thuộc tính này cũng nhận giá trị Nếu bạn biết nơi bạn muốn ngắt một chuỗi dài, thì bạn cũng có thể chèn phần tử HTML |