如何使用Showdown使图像居中

Question

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

我正在尝试这样的事情：

## Next line has an image

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

Answer 1

在shodown you can use the title attribute。

中设置特定图像的样式

问题是＆＃34;居中＆＃34;要求父元素为＆＃34; center＆＃34;反对。所以你总是需要添加一个＆＃34;包装器＆＃34;。

要做到这一点，你有几个选择：

1. 使用HTML and 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. 使用the <center> html tag（在HTML5中弃用）

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

3. wrap the image tag in a <a> tag and style with CSS

   <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")