Asked Nov 11th, 2:21 AM 165 1 2
  • 165 1 2
0

[Viblo] Tự động căn giữa image

Share
  • 165 1 2

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


Answered Nov 11th, 3:00 AM
Accepted
+5

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)

Share
KIEU BAO DUY @kieubaoduy1412
Nov 11th, 3:59 AM

thanks bác rất nhiều ạ. Em làm đc rồi ạ

0
| Reply
Share
Answered Nov 11th, 2:25 AM
0

Ở trong [ ] là đoạn text sẽ hiển thị thay cho ảnh nếu ảnh đó bị lỗi bạn nhé

Share
KIEU BAO DUY @kieubaoduy1412
Nov 11th, 2:28 AM

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í

-1
| Reply
Share
Nov 11th, 2:32 AM

@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

0
| Reply
Share
KIEU BAO DUY @kieubaoduy1412
Nov 11th, 3:59 AM

thanks bác ạ. Do em ko cách dòng nên nó ko căn giữa ạ. Thanks bác ạ

0
| Reply
Share