CĂN ẢNH RA GIỮA TRONG CSS

Căn thân chữ khôn cùng dễ, bạn chỉ cần sử dụng ở trong tính text-align: center; là OK.Còn căn giữa hình ảnh thì lại rất khó như thế! Đã không hề ít lần tôi vò đầu bứt tai vì chẳng căn thân nổi! thực ra kỹ thuật không tồn tại gì đặc biệt, nhưng đề xuất mẹo bé dại thì bắt đầu được. Đấy là điểm sáng chung của mẹo, biết thì rất giản đơn mà lần chần thì nặng nề vô cùng (chém gió tí!)

Giả dụ tôi tất cả cái ảnh như này:

Theo mang định, giống như trên, bức ảnh sẽ dạt về bên cạnh trái, vậy làm cố nào nhằm tôi cho nó ra giữa bây giờ?

Cách có tác dụng như sau:

1. Đầu tiên trong mã khắc ghi HTML của ảnh, chúng ta thêm class có tên là cangiua vào (bất kỳ ảnh nào mong căn thân thì bạn đều gửi class này vô, sử dụng class sẽ hợp lí hơn id vào trường hòa hợp này):

*
2. Tiếp theo sau trong CSS bạn thêm mấy cái sau:

img.cangiua display: block; margin-left: auto; margin-right: auto;Và đây là kết quả:


Bạn đang xem: Căn ảnh ra giữa trong css


Vậy là xong! giờ thì căn giữa hình ảnh thật dễ dàng :))

Có thể các bạn muốn tham khảo thêm bài ở trong tính display trong CSS và margin, padding để hiểu rõ hơn ý nghĩa những cái code trên.


Share this:


Categories CSS Post navigation
Selector ở trong tính vào CSS
Bảo mật Facebook bởi Điện thoại – tránh bị thủ thuật tài khoản

26 thoughts on “Cách căn giữa ảnh bằng CSS: cứ tưởng ráng nào!”

*

kghjkhgkhj
12 November, năm ngoái at 1:36 pm
Kết trái vẫn như cũ

Reply
*

nguyen vu
29 June, 2016 at 8:58 am

hay.like

Reply
*

Xem thêm: Chùa Hang Trà Vinh ) - Chùa Hang Tỉnh Trà Vinh

Dinhvinhnguyen
3 April, 2017 at 9:57 am

ĐÃ thành công

Reply
*

Anony
25 March, 2018 at 3:58 pm

phải tạo thêm một class nữa trong css như nội dung bài viết chứ không tạo class thuần được.thay vì:cangiua//nội dungphải là:img.cangiua//nội dungBạn nào làm cho không được có thể tham khảo điểm này.

Reply
*

Ý Nhân
13 March, 2020 at 2:42 pm

cho em hỏi làm sao để căn giữa như cái hình ảnh sản phẩm của anh núm ạ

Reply
Kha Nguyen
19 September, 2020 at 10:02 am

Mình muốn canh giữa mặc định cho tất cả các ảnh mỗi lần post bài thì chèn code như thế nào vào css của theme ạ?

Reply

Leave a phản hồi Cancel reply

Comment

NameEmailWebsite

Δ


© loài kiến càng, 2013 - 2022. Chúng ta được quyền xào luộc nội dung trên website này, miễn là bao gồm dẫn nguồn. Những dịch vụ yêu quý của con kiến càng.