【问题标题】:table with images of same relative size in github markdown在 github markdown 中具有相同相对大小的图像的表格
【发布时间】:2021-09-30 09:37:56
【问题描述】:

在 GitHub 的 markdown 中,我有一个表格,其中包含一行两列,每列包含一个 <img/>。如果没有任何width 规范,两张图片的右侧远大于左侧。

我想确保两个图像具有相同的宽度,但我不想指定绝对大小以避免在小屏幕上出现显示问题。 我很乐意

<img src="img1.png" width="45%"/> | <img src="img2.png" width="45%"/>                                                          
:----:|:----:|                                                                        

但显然45% 现在是相对于的宽度,而不是页面。

有什么提示吗?

【问题讨论】:

  • 任何代码示例?
  • 如果不是我会做的是将两个图像以 50% 的宽度包含在
    中。如果您使用 ,表格可能会溢出到较小的屏幕中

标签: css github markdown


【解决方案1】:

Markdown 扩展了 HTML,因此可以简单地使用 HTML 表格:

<table width="100%">
  <tr>
  <td width="50%"></td>
  <td width="50%"></td>
  </tr>
</table>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-11-06
    • 1970-01-01
    • 2017-01-09
    • 1970-01-01
    • 2018-07-17
    • 2022-08-24
    • 2022-08-17
    • 2016-12-11
    相关资源
    最近更新 更多