Showdown 如何使用决战将图像居中

Showdown 如何使用决战将图像居中,showdown,Showdown,是否有一种方法可以使用决战将图像居中 我正在尝试这样的事情: ## Next line has an image ![image](http://i.imgur.com/wYTCtRu.jpg =50%x50% ) 要在shodown中设置特定图像的样式 问题是“居中”需要父元素来“居中”。因此,您将始终需要添加一个“包装器” 要实现这一点,您有两个选择: 使用(单击左上角的3栏符号以关闭选项菜单) ##下一行有一个图像 或 ## Next line has an image <d

是否有一种方法可以使用决战将图像居中

我正在尝试这样的事情:

## Next line has an image

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

要在shodown中设置特定图像的样式

问题是“居中”需要父元素来“居中”。因此,您将始终需要添加一个“包装器”

要实现这一点,您有两个选择:

  • 使用(单击左上角的3栏符号以关闭选项菜单)

    ##下一行有一个图像
    

    ## Next line has an image
    
    <div markdown="1" style="text-align: center;">![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</div>
    
    ##下一行有一个图像
    ![图片](http://i.imgur.com/wYTCtRu.jpg =50%x50%)
    
  • 使用(在HTML5中已弃用)

    ##下一行有一个图像
    ![图片](http://i.imgur.com/wYTCtRu.jpg =50%x50%)
    
  • 
    a[title=“myImageWrapper”]{
    显示:块;
    宽度:100%;
    文本对齐:居中;
    }
    ##下一行有一个图像
    [![图片](http://i.imgur.com/wYTCtRu.jpg =50%x50%)](#“myImageWrapper”)
    
  • ## Next line has an image
    
    <div markdown="1" style="text-align: center;">![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</div>
    
    ## Next line has an image
    
    <center>![image](http://i.imgur.com/wYTCtRu.jpg =50%x50%)</center>
    
    <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")