căn giữa ảnh trong css là một trong những từ khóa được search nhiều nhất trên google về chủ đề căn giữa ảnh trong css. Trong bài viết này,atpweb.vn sẽ viết bài viết Hướng dẫn các cách căn giữa ảnh trong css mới nhất 2020.
Hướng dẫn các cách căn giữa ảnh trong css mới nhất 2020.
Mẹo CẲN GIỮA hình BẰNG CSS
Căn giữa chữ rất dễ, bạn chỉ cần sử dụng tính chất text-align: center; là OK.
Còn căn giữa hình thì lại không dễ như thế! vừa mới rất nhiều lần tôi vò đầu bứt tai vì chẳng căn giữa nổi! Thực ra kỹ thuật không có gì đặc biệt, nhưng cần mẹo nhỏ thì mới được. Đấy là đặc điểm chung của mẹo, biết thì rất dễ mà không biết thì khó vô cùng (chém gió tí!)
Giả dụ tôi có cái hình như này:
Theo mặc định, như trên, bức ảnh sẽ dạt về bên trái, vậy làm sao để tôi cho nó ra giữa bây giờ?
mẹo làm như sau:
– trước hết trong mã đánh dấu HTML của ảnh, bạn thêm class có tên là cangiua vào (bất kỳ ảnh nào muốn căn giữa thì bạn đều mang class này vô):
|
1
|
|
– tiếp theo trong CSS bạn thêm mấy loại sau:
|
1
|
img.cangiua display: block; margin-left: auto; margin-right: auto; |
Và đây là kết quả:
Vậy là xong! Giờ thì căn giữa hình thật dễ :))
đủ sức bạn mong muốn đọc thêm bài thuộc tính display trong CSS để hiểu rõ hơn ý nghĩa những dạng code trên.
Nguồn: internet.com
