Ngắt từ trong css

- Kế thừa giá trị thuộc tính word-wrap từ phần tử cha của nó

Định nghĩa và sử dụng

Thuộc tính word-wrap sẽ làm cho những từ dài trở xuống hàng mà không làm hỏng bố cục

Constructor

tag {
    word-wrap: giá trị;
}

word-wrap has the value as after

Ví dụ

description

HỌC WEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEB CHUẨN

gói từ

p {
    border: 1px solid #cc0000;
    width: 150px;
}

ngắt lời

gói từ. phá vỡ từ;

The from too long will down row

p {
    border: 1px solid #cc0000;
    width: 150px;
    word-wrap: break-word;
}

thông thường

gói từ. phá vỡ từ;

- Ngắt các ký tự của từ xuống dòng khi từ đó bị tràn ra khỏi phần tử

- Use default value of it

[default thì thuộc tính word-wrap has value is normal]

- Kế thừa giá trị thuộc tính word-wrap từ phần tử cha của nó. word-quấn để thiết lập việc tự ngắt dòng giữa các ký tự của một từ [trong trường hợp từ đó quá dài so với chiều rộng của phần tử chứa nó]

- Use default value of it

[default thì thuộc tính word-wrap has value is normal]

- Kế thừa giá trị thuộc tính word-wrap từ phần tử cha của nó

Thuộc tính word-wrap dùng để ngắt những từ quá dài, mà nếu bạn không dùng đến nó sẽ gây ra tình trạng phá vỡ bố cục [bố cục bộ] của trang

word-wrap: normal | break-word | initial | inherit;

Cách đơn giản nhất để hiểu thuộc tính này là thông qua ví dụ, giả sử tôi có một danh sách các tên miền nổi tiếng như sau

thông thường

ngắt lời

Use default value of it

Kế thừa giá trị thuộc tính word-wrap từ phần tử cha của nó

1] Thuộc tính word-wrap trong CSS

- Thuộc tính word-wrap dùng để xác định công việc có "ngắt các ký tự của một từ xuống dòng" trong trường hợp từ đó bị tràn ra khỏi phần tử hay không. word-wrap used to verify the job has "ngắt các ký tự của một từ xuống dòng" trong trường hợp từ đó bị tràn ra khỏi phần tử hoặc không

- Mặc định, nếu một từ quá dài có kích thước quá chiều rộng phần nội dung của phần tử thì từ đó sẽ bị tràn ra bên ngoài

Chuỗi tài liệu hướng dẫn học lập trình web của chúng tôi bao gồm HTMLCSSJavaScriptMySQLPHPjQuery được biên soạn kỹ lưỡng theo mức độ từ cơ bản đến nâng cao

- Tuy nhiên, với việc sử dụng thuộc tính word-wrap, ta có thể ngắt các ký tự của từ bị tràn ra ngoài xuống dòng. word-wrap, ta có thể ngắt các ký tự của từ bị tràn ra bên ngoài xuống dòng

Chuỗi tài liệu hướng dẫn học lập trình web của chúng tôi bao gồm HTMLCSSJavaScriptMySQLPHPjQuery được biên soạn kỹ lưỡng theo mức độ từ cơ bản đến nâng cao

- Tuy nhiên, với việc sử dụng thuộc tính word-wrap, ta có thể ngắt các ký tự của từ bị tràn ra ngoài xuống dòng

2] Cách sử dụng thuộc tính word-wrap trong CSSword-wrap, ta sử dụng cú pháp như sau

word-wrap: normal|break-word|initial|inherit;

- Để sử dụng thuộc tính word-wrap, ta sử dụng cú pháp như sau. word-wrap can be verify by a in the type

thông thường

ngắt lời

ngắt lời

- Ngắt các ký tự của từ xuống dòng khi từ đó bị tràn ra khỏi phần tử

ngắt lời

1.vnexpress.net

2.dantri.vn

3.www.google.com

4.www.freehost.page

word-wrap: normal | break-word;