Làm cách nào để đặt căn chỉnh sang phải trong html?

Thuộc tính CSS text-align đặt căn chỉnh theo chiều ngang của nội dung cấp độ nội tuyến bên trong phần tử khối hoặc hộp ô bảng. Điều này có nghĩa là nó hoạt động giống như vertical-align nhưng theo hướng nằm ngang

/* Keyword values */ text-align: start; text-align: end; text-align: left; text-align: right; text-align: center; text-align: justify; text-align: justify-all; text-align: match-parent; /* Character-based alignment in a table column */ text-align: "."; text-align: "." center; /* Block alignment values (Non-standard syntax) */ text-align: -moz-center; text-align: -webkit-center; /* Global values */ text-align: inherit; text-align: initial; text-align: revert; text-align: revert-layer; text-align: unset;

Thuộc tính text-align được chỉ định theo một trong các cách sau

  • Sử dụng các giá trị từ khóa text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    1, text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    2, text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    3, text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    4, text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    5, text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    6, text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    7 hoặc text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    8
  • Chỉ sử dụng giá trị text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    9, trong trường hợp đó, giá trị khác mặc định là text-align =
    start |
    end |
    left |
    right |
    center |
    justify |
    match-parent |
    justify-all

    4
  • Sử dụng cả giá trị từ khóa và giá trị

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

1

Giống như text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

3 nếu hướng từ trái sang phải và text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

4 nếu hướng từ phải sang trái

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

2

Giống như text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

4 nếu hướng từ trái sang phải và text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

3 nếu hướng từ phải sang trái

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

3

Nội dung trong dòng được căn chỉnh theo cạnh trái của hộp dòng

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

4

Nội dung trong dòng được căn chỉnh theo cạnh phải của hộp dòng

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

5

Nội dung nội tuyến được căn giữa trong hộp dòng

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

6

Các nội dung nội tuyến là hợp lý. Văn bản phải được giãn cách để sắp xếp các cạnh trái và phải của nó với các cạnh trái và phải của hộp dòng, ngoại trừ dòng cuối cùng

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

7 Thử nghiệm

Tương tự như text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

6, nhưng cũng buộc dòng cuối cùng phải được chứng minh

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

8

Tương tự như .example { text-align: start; border: solid; } 5, nhưng các giá trị text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

1 và text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

2 được tính theo .example { text-align: start; border: solid; } 8 của cha mẹ và được thay thế bằng giá trị text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

3 hoặc text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

4 thích hợp

text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

9 Thử nghiệm

Khi được áp dụng cho một ô của bảng, hãy chỉ định ký tự căn chỉnh mà nội dung của ô sẽ căn chỉnh xung quanh

Khoảng cách không nhất quán giữa các từ được tạo bởi văn bản được căn đều có thể là vấn đề đối với những người có mối quan tâm về nhận thức như Chứng khó đọc

  • Hiểu Tiêu chí Thành công 1. 4. số 8. Hiểu về WCAG 2. 0

Giá trị ban đầutext-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

1 hoặc giá trị không tên đóng vai trò là text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

3 nếu .example { text-align: start; border: solid; } 8 là <p class="example"> Integer elementum massa at nulla placerat varius. Suspendisse in libero risus, in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque. Nullam est eros, suscipit sed dictum quis, accumsan a ligula. </p> 5, text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

4 nếu .example { text-align: start; border: solid; } 8 là <p class="example"> Integer elementum massa at nulla placerat varius. Suspendisse in libero risus, in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque. Nullam est eros, suscipit sed dictum quis, accumsan a ligula. </p> 8 nếu trình duyệt không hỗ trợ text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

1. Áp dụng cho các thùng chứaKế thừaCác giá trị được tính toánnhư đã chỉ định, ngoại trừ giá trị text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

8 được tính toán dựa trên giá trị .example { text-align: start; border: solid; } 8 của cha mẹ nó và dẫn đến giá trị được tính toán là text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

3 hoặc text-align =
start |
end |
left |
right |
center |
justify |
match-parent |
justify-all

4Loại hoạt ảnh rời rạc

Chủ đề