Почему Markdown не выравнивает изображение должным образом? - PullRequest
Новая
       55

Почему Markdown не выравнивает изображение должным образом?

0 голосов
/ 13 апреля 2020

Я использую строки ниже для получения выровненных изображений в строке в уценке Github, но последнее изображение всегда разрывает строку, даже если есть пробелы.

Код 

# Example Img alightment #
<img align="left" src="https://github.com/hissain/CoronaTracker/blob/master/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>
<img align="center" src="https://github.com/hissain/CoronaTracker/blob/master/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>
<img align="right" src="https://github.com/hissain/CoronaTracker/blob/dev/architecture/Screenshots/Android/Screenshot_Registration.png" alt="Android Registration" width="200"/>

Вывод

enter image description here

Как выровнять все три изображения в одной строке?

Ссылка: https://github.com/hissain/CoronaTracker/blob/dev/architecture/example.md

1 Ответ

1 голос
/ 13 апреля 2020

Если вам просто нужны их в один ряд без центрирования, вы можете сделать следующее (просто поместите изображения без новых строк или с тегом <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>
...