Up5me
Trang chủ > Câu hỏi lẻ > FJH6_txuGBfa

Đề bài

Để trình duyệt web tự động canh giữa cho đối tượng theo chiều ngang của trình duyệt web, cách khai báo nào sau đây là chính xác?

site-align: center;
margin: center;
margin: auto 0;
margin: 0 auto; Nội dung trang web sau sẽ được sử dụng cho các câu hỏi từ 129- 132
Đáp án đúng: D

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để trình duyệt web tự động canh giữa cho đối tượng theo chiều ngang, ta sử dụng thuộc tính CSS margin với giá trị là 0 auto. Điều này có nghĩa là phần tử sẽ có khoảng cách đều nhau từ hai bên nếu có thể, tối ưu hóa việc canh giữa.

Phân tích các phương án:

  • A. site-align: center;
    Đây là cú pháp không hợp lệ trong CSS, do đó không thể canh giữa đối tượng.
  • B. margin: center;
    Cú pháp này cũng không hợp lệ vì "center" không phải là giá trị được chấp nhận cho thuộc tính margin trong CSS.
  • C. margin: auto 0;
    Đây là cú pháp sai, auto là giá trị có thể sử dụng để canh giữa, nhưng vị trí của nó phải là cho các đoạn margin-leftmargin-right.
  • D. margin: 0 auto;
    Đúng. Đây là làm theo cách chuẩn để canh giữa các đối tượng theo chiều ngang. 0 cho margin-topmargin-bottom, còn auto cho hai bên.

Đáp án đúng là: D. margin: 0 auto;

Chú ý khi giải

  • Khi muốn canh giữa một phần tử theo chiều ngang trong CSS, cần đảm bảo rằng phần tử đó là block-level (hoặc đã được thiết lập display tương ứng).
  • Thuộc tính margin: 0 auto; cần được sử dụng cho các phần tử có độ rộng cố định.
  • Kiểm tra hiển thị để đảm bảo không có các thuộc tính CSS khác đang ảnh hưởng đến việc canh giữa.