[Viblo] Tự động căn giữa image
Khi em add 1 ảnh thì nó hiện ra đường link như bên dưới
![](https://images.viblo.asia/db67e937-35e0-46be-b6dc-e8fa.jpg)
Các bác cho e hỏi có cách nào tự động làm cho ảnh nằm giữa như margin:center trong css ko ạ?
Và ở trong [] là khai báo cái gì vậy các bác nhỉ? Ở bên link thì đó là text để hiển thị, còn ở image thì e ko biết nó là cái gì
2 ANSWERS
Nội dung trong []
thì sẽ được render thành alt
attribute trong thẻ image
Ví dụ như ![this is a cat](https://examples.com/cat.jpg)
thì sẽ được render ra thành <img src="https://examples.com/cat.jpg" alt="this is a cat">
.
Còn attribute alt
thì có nghĩa là alternate text for image, tức là nội dung sẽ được hiển thị khi image bị lỗi, hay nội dung sẽ được sử dụng khi bạn copy paste ảnh vào một text editor bình thường.
Các bác cho e hỏi có cách nào tự động làm cho ảnh nằm giữa như margin:center trong css ko ạ?
Ảnh upload trên Viblo sẽ được tự động căn giữa, nếu nó nằm trên 1 dòng riêng biệt bạn ạ
Do đó bạn cứ thêm 1 dòng trắng phía trước và sau ảnh là được, ví dụ:
// Ảnh nằm trên cùng 1 dòng với text
this is a long text
![](image.jpg)
//Ảnh nằm trên 1 dòng riêng và được căn giữa
this is a long text
![](image.jpg)
thanks bác rất nhiều ạ. Em làm đc rồi ạ
thanks bác ạ. Bác có biết cách căn cho ảnh nằm giữa ko ạ? Giờ nó cứ default là ở bên trái. Nếu có mấy ảnh nhỏ thì nhìn hơi mất cân đối tí
@kieubaoduy1412 trong viblo khi bạn chèn ảnh thì nó tự động căn giữa mà bạn, bạn check lại thử xem
thanks bác ạ. Do em ko cách dòng nên nó ko căn giữa ạ. Thanks bác ạ