2016-05-20 123 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

如果你檢查瀏覽器中的''元素,你會發現GitHub用style =「max-width:100%;」'''替換了你的style =「」。從而防止你在你的img標籤上放置style =「」屬性。 – tgharold

回答

28

這是hacky,並不總是漂亮,但圍繞圖像與<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> 

而且它呈現這樣的:


圍繞降價圖像語法可能不適用於大多數降價實現。例如,GitHub的需要它是一個HTML <img>標籤是這樣的:

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

因爲以下將只呈現爲怪異的文字:

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

您可以使用<table>標籤來創建表,而不用頭。

<table><tr><td> 
    <img src="/images/logo.png" /> 
</td></tr></table> 
相關問題