【问题标题】:How to set relative size of images inside a markdown table如何在降价表中设置图像的相对大小
【发布时间】:2019-03-27 14:36:49
【问题描述】:

我想让 markdown table 中的图片大小相同。但是,我拥有的图像资产大小不同。因此,我想在表格的单元格内制作相对图像大小。

如何在不实际更改图像资源大小的情况下使 Fig 2 看起来像 Fig 1

|     |     |     |     |     |
| :-: | :-: | :-: | :-: | :-: |
|     |     |     |     |     |
| 180 | 182 | 240 | 250 | 250 |
| <img src="assets/textbooks/180.jpg" width="100%"> | <img src="assets/textbooks/182.jpg" width="100%"> | <img src="assets/textbooks/240.jpg" width="100%"> | <img src="assets/textbooks/250-1.jpg" width="100%"> | <img src="assets/textbooks/250-2.jpg" width="100%"> |

图 1. 目的

(相同的代码,但实际的图片资源大小相同)

图 2. 电流输出

(我现在拥有的)

【问题讨论】:

  • 感谢您的评论。我还检查了post。但是,对于降价表,我找不到relative cell size 的答案
  • 不幸的是,这归结为实施。如果您使用的网站不使用设计为响应式的 Markdown,我不知道如何实现这一点。使用绝对值的大小可能会卡住。
  • 我明白了,非常感谢您的帮助。

标签: markdown github-flavored-markdown


【解决方案1】:

来自https://stackoverflow.com/a/21242579/420802

对于某些 Markdown 实现(包括 Mou 和 Marked 2(仅限 macOS)),您可以在图形文件的 URL 之后附加 =WIDTHxHEIGHT 以调整图像大小。不要忘记 = 之前的空格。

![](./pic/pic1_50.png =100x20)

你可以跳过高度

![](./pic/pic1s.png =250x)

编辑:

许多 Markdown 解析器允许 HTML。

<img src="drawing.jpg" alt="drawing" width="200" />

【讨论】:

    猜你喜欢
    • 2013-03-15
    • 1970-01-01
    • 1970-01-01
    • 2022-10-07
    • 1970-01-01
    • 2018-07-24
    • 2013-10-12
    • 2020-08-29
    • 2018-12-11
    相关资源
    最近更新 更多