showdown - 如何使用 Showdown 使图像居中

Question

有没有办法使用 ShowDown 使图像居中。

我正在尝试这样的事情：

## Next line has an image

![image](http://i.imgur.com/wYTCtRu.jpg =50%x50% )

Answer 1

要在 shodown 中设置特定图像的样式，可以使用 title 属性。

问题是“居中”需要一个父元素来“居中”。所以你总是需要添加一个“包装器”。

为此，您有几个选择：

1. 使用HTML 和 CSS（单击左上角的 3 条符号关闭选项菜单）

   ## Next line has an image
   
   <div style="text-align: center;"><img src="http://i.imgur.com/wYTCtRu.jpg" width="50%"></div>
   

   或者

   ## Next line has an image
   
   <div markdown="1" style="text-align: center;">![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</div>
   

2. 使用html 标签（在 HTML5中<center>已弃用）

   ## Next line has an image
   
   <center>![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</center>
   

3. 使用 CSS将图像标签包装在<a>标签和样式中

   <style>
     a[title="myImageWrapper"] {
     display: block;
     width: 100%;
     text-align: center;
   }
   </style>
   
   ## Next line has an image
   
   [![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)](# "myImageWrapper")