2016-05-20 4 views
20

GitHub README.mdファイルで画像に罫線を追加する必要があります。私はテーブルで画像をラップしようとしていGitHubのマークダウンで画像に罫線を追加することはできますか?

![GitHub Logo](/images/logo.png) 

|--------------------------------| 
|![GitHub Logo](/images/logo.png)| 

をしかし、ヘッダなしでテーブルを作成することはできませんこれは、画像が埋め込まれるべき方法です。

私は、HTMLタグとして画像を含めることを試みた:

<img src="/images/logo.png" style="border: 1px solid black" /> 

成功せず。これを行う方法はありますか?

+0

マークダウンではもう使用できない場合がありましたが、以前は閉じ括弧の直前に「| '' width = 100'''」というようなものを追加できました。 – tgharold

+0

ブラウザで '' '' '要素を調べると、style =" "を' 'style =" max-width:100%; "' 'に置き換えることがGitHubによってわかります。したがって、imgタグにstyle = ""属性を入れないようにします。 – tgharold

答えて

28

いつもきれいではありませんが、<kbd>タグで画像を囲みます。後

<img src="https://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=89263488"> 

::前

:ここでは例です

<kbd> 
    <img src="https://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=89263488"> 
</kbd> 

そして、それは次のようにレンダリング:


を囲むmarkdownほとんどのマークダウンの実装では、イメージ構文はおそらく動作しません。以下は、同じように奇妙な探してテキストをレンダリングしますので

<kbd><img src="https://example.com/image.png" /></kbd> 

たとえば、GitHubのは、このようなHTML <img>タグであることを、それを必要とする

<kbd>![alt-text](https://example.com/image.png)</kbd> 
2

あなたはせずにテーブルを作成するために<table>タグを使用することができますヘッダ。

<table><tr><td> 
    <img src="/images/logo.png" /> 
</td></tr></table> 
関連する問題