Căn giữa chữ rất dễ, bạn chỉ cần sử dụng thuộc tính text-align: center; là OK.
Còn căn giữa ảnh thì lại không dễ như thế! Đã 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 ảnh như này:
Theo mặc định, giống như trên, bức ảnh sẽ dạt về bên trái, vậy làm thế nào để tôi cho nó ra giữa bây giờ?
Cách làm như sau:
1. Đầu tiên 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 đưa class này vô, dùng class sẽ hợp lý hơn id trong trường hợp này):
<img src="images/o-to.png" class="cangiua"/>2. Tiếp theo trong CSS bạn thêm mấy dòng sau:
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 ảnh thật dễ :))
Có thể bạn muốn đọc thêm bài thuộc tính display trong CSS & margin, padding để hiểu rõ hơn ý nghĩa những dòng code trên.
Xem thêm:
Kết quả vẫn như cũ
mình ra giữa được này hì
cám ơn nhiều. Rất hữu dụng.
hay.like
hhihihi
Hay
Cảm ơn bạn mình căn đc.
vô dụng
ĐÃ thành công
Chúc mừng bạn nhé.
cảm ơn bạn rất nhiều
tks bạn 🙂
Cảm ơn anh nhiều 😀
Cảm ơn bác nhé!
phải tạo thêm 1 class nữa trong css như bài viết chứ không tạo class thuần được.
thay vì:
cangiua{
//nội dung
}
phải là:
img.cangiua{
//nội dung
}
Bạn nào làm không được có thể tham khảo điểm này.
Cám ơn bạn Anony, bạn làm gặp vấn đề hãy làm theo hướng dẫn trên nhé.
Cảm ơn bạn nhiều. Mình đã thực hiện nó và thành công.
Hay quá, mình cũng đã thử được, he he! Cám ơn bạn nhé!
cám ơn nhiều ạ
Cảm ơn bạn, mình cũng đau đàu mấy hôm nay, nay thấy code đơn gian của bạn mà mình không thể nghĩ ra được. huhu
Thank a lot!
cho em hỏi làm sao để căn giữa như cái logo của anh thế ạ
Cái đó là do thiết kế sẵn của theme, nhưng bạn hoàn toàn có thể chỉnh điều đó qua CSS nếu bạn rành về code.
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 nào vào css của theme ạ?
Bạn tìm đến class của ảnh, thêm đoạn mã CSS trên vào cho class đó, rồi thêm chữ !important đằng sau để nó ghi đè CSS mặc định.
….
ông nào không làm dc có thể thử cách này