Làm thế nào để bạn tách văn bản trong css?

Thuộc tính CSS word-break đặt xem các ngắt dòng có xuất hiện ở bất cứ nơi nào văn bản sẽ tràn vào hộp nội dung của nó hay không

Show

    /* Keyword values */
    word-break: normal;
    word-break: break-all;
    word-break: keep-all;
    word-break: break-word; /* deprecated */
    
    /* Global values */
    word-break: inherit;
    word-break: initial;
    word-break: revert;
    word-break: revert-layer;
    word-break: unset;
    

    Thuộc tính word-break được chỉ định là một từ khóa duy nhất được chọn từ danh sách các giá trị bên dưới

    normal

    Sử dụng quy tắc ngắt dòng mặc định

    break-all

    Để tránh bị tràn, các dấu ngắt từ phải được chèn vào giữa hai ký tự bất kỳ (không bao gồm văn bản tiếng Trung/Nhật/Hà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 văn bản không phải CJK giống như đối với normal

    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    0 Không dùng nữa

    Có tác dụng tương tự như

    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    1 và
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    2, bất kể giá trị thực tế của tài sản
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    3

    Ghi chú. Ngược lại với

    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    4 và
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    5 (xem
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    3),
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    7 sẽ tạo ra một dấu ngắt ở chính xác vị trí mà văn bản sẽ tràn vào vùng chứa của nó (ngay cả khi đặt toàn bộ một từ trên dòng của chính nó sẽ không cần thiết phải ngắt)

    Ghi chú. Mặc dù

    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    4 không được dùng nữa nhưng nó có tác dụng tương tự, khi được chỉ định, như
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    1 và
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    2 — bất kể giá trị thực tế của thuộc tính
    word-break = 
    normal |
    keep-all |
    break-all |
    break-word

    3

    Giá trị ban đầunormalÁp dụng cho tất cả các phần tửInherityyesGiá trị được tính toán như đã chỉ địnhKiểu hoạt ảnhrời rạc