为什么Markdown无法正确对齐图像?

时间:2020-04-12 22:14:09

标签: image github alignment markdown line-breaks

我正在使用下面的几行以Github markdown的形式连续获取对齐的图像,但是即使有空间,最后一张图像也总是会折断该行。

代码

nomes, idades, beneficios, concessoes, salarios, bancoss, bancoscard, consigs, cards = bot_url.search_cpfs()

        print("Atualizando...")
        for i in range(len(nomes)):
            self.sheet.update_cell(i+2, self.nome_col, nomes[i])
            self.sheet.update_cell(i+2, self.age_col, idades[i])
            self.sheet.update_cell(i+2, self.beneficio_col, beneficios[i])
            self.sheet.update_cell(i+2, self.concessao_col, concessoes[i])
            self.sheet.update_cell(i+2, self.salario_col, salarios[i])
            self.sheet.update_cell(i + 2, self.bancos_col, bancoss[i])
            self.sheet.update_cell(i + 2, self.bancocard_col, bancoscard[i])
            self.sheet.update_cell(i+2, self.consig_col, consigs[i])
            self.sheet.update_cell(i+2, self.card_col, cards[i])

输出

enter image description here

如何将所有三个图像对齐到一行?

参考:https://github.com/hissain/CoronaTracker/blob/dev/architecture/example.md

1 个答案:

答案 0 :(得分:1)

如果您只需要将它们排成一行而不居中,则可以执行以下操作(只需将图像不带换行符或使用<p>标签放置)即可。

<img src="https://github.com/hissain/CoronaTracker/blob/master/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/> <img src="https://github.com/hissain/CoronaTracker/blob/master/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/> <img src="https://github.com/hissain/CoronaTracker/blob/dev/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>

<p>
  <img src="https://github.com/hissain/CoronaTracker/blob/master/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>
  <img src="https://github.com/hissain/CoronaTracker/blob/master/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>
  <img src="https://github.com/hissain/CoronaTracker/blob/dev/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>
</p>