Markdown'da görüntü boyutunu değiştirme

Markdown'a yeni başladım. Çok sevdim ama kafamı kurcalayan bir şey var: Markdown kullanarak bir resmin boyutunu nasıl değiştirebilirim?

Belgeler bir resim için yalnızca aşağıdaki öneriyi vermektedir:

![drawing](drawing.jpg)

Mümkünse resmin de ortalanmasını istiyorum. Genel Markdown için soruyorum, sadece GitHub'ın yaptığı gibi değil.

Markdown'unuzda biraz HTML kullanabilirsiniz:

![drawing](drawing.jpg)

Veya style niteliği aracılığıyla (GitHub tarafından desteklenmez)

![drawing](drawing.jpg)

Ya da https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055 adresindeki bu yanıtta açıklandığı gibi özel bir CSS dosyası kullanabilirsiniz

![drawing](drawing.jpg)

CSS başka bir dosyada:

img[alt=drawing] { width: 200px; }
Yorumlar (7)

Eğer kramdown kullanıyorsanız, bunu yapabilirsiniz:

{:.foo}
![drawing](drawing.jpg)

Ardından bunu Özel CSS'nize ekleyin:

.foo {
  text-align: center;
  width: 100px;
}
Yorumlar (1)

Bunu kramdown ile de kullanabilirsiniz:

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

veya

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

Bu şekilde, son html öğesine doğrudan rastgele nitelikler ekleyebilirsiniz. Sınıf eklemek için .class.secondclass kısayolu vardır.

Yorumlar (0)