Thuộc tính CSS text-align-last
Thí dụ
Căn chỉnh dòng cuối cùng của văn bản trong ba phần tử <div>:
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* For Edge */
text-align-last: justify;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc text-align-lasttính chỉ định cách căn chỉnh dòng cuối cùng của văn bản.
Lưu ý rằng thuộc text-align-lasttính đặt căn chỉnh cho tất cả các dòng cuối cùng trong phần tử đã chọn. Vì vậy, nếu bạn có <div> với ba đoạn văn trong đó, text-align-last
sẽ áp dụng cho dòng cuối cùng của MỖI đoạn văn. Để text-align-last
chỉ sử dụng đoạn cuối cùng trong vùng chứa, bạn có thể sử dụng: last child, xem ví dụ bên dưới.
Lưu ý: Trong Edge trước 79, thuộc text-align-lasttính chỉ hoạt động trên văn bản có "text-align: justify".
| Giá trị mặc định: | Tự động |
|---|---|
| Thừa hưởng: | Đúng |
| Hoạt hình: | không. Đọc về hoạt hình |
| Phiên bản: | CSS3 |
| Cú pháp JavaScript: | đối tượng .style.textAlignLast = "right" |
Hỗ trợ trình duyệt
Cá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.
Các số theo sau là -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
| Property | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
* Trong Internet Explorer 11 (trở về trước), giá trị "bắt đầu" và "kết thúc" không được hỗ trợ.
Cú pháp CSS
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Giá trị tài sản
| Value | Description | Play it |
|---|---|---|
| auto | Default value. The last line is justified and aligned left | |
| left | The last line is aligned to the left | |
| right | The last line is aligned to the right | |
| center | The last line is center-aligned | |
| justify | The last line is justified as the rest of the lines | |
| start | The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left) | |
| end | The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left) | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Chỉ sử dụng text-align-last trên dòng cuối cùng trong vùng chứa:
div.b p:last-child {
text-align-last: center;
}
Các trang liên quan
Hướng dẫn CSS: Văn bản CSS
Tham chiếu DOM HTML: thuộc tính textAlignLast