Я'м пытаясь показать сравнение между двумя фотографиями в моем ридми.МД который является, почему я хочу, чтобы отобразить их бок о бок. Здесь как два изображения в настоящее время. Я хочу показать два Solarized цветовых схем, бок о бок, а не сверху и снизу. Помощь будет высоко ценится, спасибо!
Самый простой способ я могу думать, решать это с помощью таблицы включены в GitHub'ы ароматный уценки.
В вашем конкретном примере это будет выглядеть примерно так:
Solarized dark | Solarized Ocean
:-------------------------:|:-------------------------:
![](https://...Dark.png) | ![](https://...Ocean.png)
Это создает таблицу с Solarized Dark и океан в качестве заголовков и содержит изображений в первом ряду. Очевидно, нужно заменить ...
с реальной ссылке. В :
ы не являются обязательными (они просто центр содержания в клетках, который является как бы ненужной в данном случае). Также вы, возможно, захотите, чтобы сократить изображения так, чтобы они отображали лучше бок о бок.
Вы можете разместить каждый бок-о-бок изображения, написав уценки для каждого изображения на одной линии.
![alt-text-1](image1.png "title-1") ![alt-text-2](image2.png "title-2")
Пока изображений не'т слишком большие, то они отображаются в строке, как показано в этом скриншоте в файле README на GitHub:
На экране появится три изображения бок о бок, если изображения не широкий.
<p float="left">
<img src="/img1.png" width="100" />
<img src="/img2.png" width="100" />
<img src="/img3.png" width="100" />
</p>
Похож на другие примеры, но с помощью HTML размеров, я использую:
<img src="image1.png" width="425"/> <img src="image2.png" width="425"/>
Вот пример
<img src="https://openclipart.org/image/2400px/svg_to_png/28580/kablam-Number-Animals-1.png" width="200"/> <img src="https://openclipart.org/download/71101/two.svg" width="300"/>
<ИМГ СРЦ=с"https://openclipart.org/image/2400px/svg_to_png/28580/kablam-Number-Animals-1.png" ширина=то"200" и/> <ИМГ СРЦ=с"https://openclipart.org/download/71101/two.svg" ширина=на"300" и/>
Я проверил это с помощью замечательный.
Если, подобно мне, вы обнаружили, что @Виггин ответа так и'т работу, и картинки все равно не появляются в он-лайн, вы можете использовать 'выровнять' собственность в HTML-тег изображения и некоторые послабления для достижения желаемого эффекта, например:
# Title
<img align="left" src="./documentation/images/A.jpg" alt="Made with Angular" title="Angular" hspace="20"/>
<img align="left" src="./documentation/images/B.png" alt="Made with Bootstrap" title="Bootstrap" hspace="20"/>
<img align="left" src="./documentation/images/C.png" alt="Developed using Browsersync" title="Browsersync" hspace="20"/>
<br/><br/><br/><br/><br/>
## Table of Contents...
Очевидно, вы должны использовать больше перерывов в зависимости от размера изображения: ужасно да, но он работал для меня, поэтому я думал, что я'd доля.