CSS căn giữa khi dùng absolute

Cấu trúc của đoạn HTML:

Bao gồm 1 thẻ div bao toàn bộ 2 thành phần con bên trong:

  • 1 thẻ hình ảnh mục đích để làm ảnh nền.
  • 1 thẻ div chứa nội dung cần trình bày để đưa vào giữa của thẻ div cha bao quanh.

CSS Trick:

Ở phần này thì mọi người chỉ để ý giúp mình 1 số chỗ này thôi:

#contentRelative {
position: relative;
}
#contentAbsolute {
position: absolute;
left: 0px;
right: 0px;
width: 500px;
margin: 0px auto;
}

Ghi chú: Để div có position reletive có text-align là center.

Sau đó: ở div có position: absolute ta để left: 0 và right:0 là nó sẽ tự động căn giữa.

Hehe :))

Nguồn tham khảo: https://letrantrunghieu.wordpress.com/2016/04/23/css-can-giua-thanh-phan-position-absolute-theo-chieu-ngang/

Leave a Reply

Your email address will not be published. Required fields are marked *