table 在 github markdown 中具有相同相对大小的图像
table with images of same relative size in github markdown
在GitHub的markdown中,我有一个table,一行两列,每列包含一个<img/>
。在没有任何width
说明的情况下,两张图片右边远大于左边
我想确保两个图像具有相同的宽度,但我不想指定绝对大小以避免在小屏幕上显示问题。
我愿意
<img src="img1.png" width="45%"/> | <img src="img2.png" width="45%"/>
:----:|:----:|
但显然 45%
现在是相对于 列 的宽度,而不是页面的宽度。
有什么提示吗?
Markdown 扩展了 HTML,因此可以简单地使用 HTML 表格:
<table width="100%">
<tr>
<td width="50%"></td>
<td width="50%"></td>
</tr>
</table>
在GitHub的markdown中,我有一个table,一行两列,每列包含一个<img/>
。在没有任何width
说明的情况下,两张图片右边远大于左边
我想确保两个图像具有相同的宽度,但我不想指定绝对大小以避免在小屏幕上显示问题。 我愿意
<img src="img1.png" width="45%"/> | <img src="img2.png" width="45%"/>
:----:|:----:|
但显然 45%
现在是相对于 列 的宽度,而不是页面的宽度。
有什么提示吗?
Markdown 扩展了 HTML,因此可以简单地使用 HTML 表格:
<table width="100%">
<tr>
<td width="50%"></td>
<td width="50%"></td>
</tr>
</table>