GitHub README.md'de resimler nasıl yan yana görüntülenebilir?

README.md içindeki iki fotoğraf arasında bir karşılaştırma göstermeye çalışıyorum, bu yüzden onları yan yana görüntülemek istiyorum. İşte iki görüntü şu anda yerleştirilir nasıl. İki Solarized renk şemasını üst ve alt yerine yan yana göstermek istiyorum. Yardım çok takdir edilecektir, teşekkürler!

Bunu çözmenin en kolay yolu GitHub'ın aromalı markdown'unda yer alan tabloları kullanmaktır .

Özel örneğinize göre şöyle görünecektir:

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](https://...Dark.png)  |  ![](https://...Ocean.png)

Bu, başlık olarak Solarized Dark ve Ocean içeren bir tablo oluşturur ve ardından ilk satırdaki görüntüleri içerir. Açıkçası yerine ...gerçek bağlantı. :S (Sadece bu durumda tür gereksiz hücreler, içeriği ortalamak) isteğe bağlıdır. Ayrıca, görüntüleri daha iyi yan yana gösterecek şekilde küçültmek isteyebilirsiniz.

Her bir görüntünün işaretini aynı satıra yazarak her görüntüyü yan yana yerleştirebilirsiniz.

![alt-text-1](image1.png "title-1") ![alt-text-2](image2.png "title-2")

Görüntüler çok büyük olmadığı sürece GitHub'dan bir README dosyasının bu ekran görüntüsünde gösterildiği gibi satır içi görüntülenecektir:

Görüntüler çok geniş değilse bu üç görüntüyü yan yana görüntüler.

<p float="left">
  <img src="/img1.png" width="100" />
  <img src="/img2.png" width="100" /> 
  <img src="/img3.png" width="100" />
</p>

Diğer örneklere benzer, ancak html boyutlandırma kullanarak:

<img src="image1.png" width="425"/> <img src="image2.png" width="425"/> 

İşte bir örnek

<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"/>

Bunu Dikkat çekici kullanarak test ettim .

Benim gibi, @wiggin yanıtının işe yaramadığını ve görüntülerin hala satır içi görünmediğini fark ettiyseniz, html resim etiketinin 'align' özelliğini ve istenen efekti elde etmek için bazı sonları kullanabilirsiniz, örneğin:

# 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...

Açıkçası, görüntülerin ne kadar büyük olduğuna bağlı olarak daha fazla mola vermelisiniz: korkunç evet, ama benim için çalıştı, bu yüzden paylaşacağımı düşündüm.

Bu, uygulamanızın resim / ekran görüntüsünü eklemenin ve deponuzu temiz tutmanın en iyi yoludur.

Deponuzda bir screenshotklasör oluşturun ve görüntülemek istediğiniz görüntüleri ekleyin.

Şimdi gidin README.mdve tablo oluşturmak için bu HTML kodunu ekleyin.

#### Flutter App Screenshots

<table>
  <tr>
    <td>First Screen Page</td>
     <td>Holiday Mention</td>
     <td>Present day in purple and selected day in pink</td>
  </tr>
  <tr>
    <td><img src="screenshots/Screenshot_1582745092.png" width=270 height=480></td>
    <td><img src="screenshots/Screenshot_1582745125.png" width=270 height=480></td>
    <td><img src="screenshots/Screenshot_1582745139.png" width=270 height=480></td>
  </tr>
 </table>

İçinde <td><img src="(COPY IMAGE PATH HERE)" width=270 height=480></td>

** Görüntü yolunu almak için -> screenshotKlasöre gidin imageve en sağdaki ve Copy pathdüğmesini açın, düğmesini bulacaksınız .

Deponuzda böyle bir tablo alacaksınız --->

@Maruf Hassan'ın sırtına

# Title

<table>
  <tr>
    <td>First Screen Page</td>
     <td>Holiday Mention</td>
     <td>Present day in purple and selected day in pink</td>
  </tr>
  <tr>
    <td valign="top"><img src="screenshots/Screenshot_1582745092.png"></td>
    <td valign="top"><img src="screenshots/Screenshot_1582745125.png"></td>
    <td valign="top"><img src="screenshots/Screenshot_1582745139.png"></td>
  </tr>
 </table>

<td valign="top">...</td>GitHub Markdown tarafından desteklenmektedir. Farklı yüksekliğe sahip görüntüler hücrenin üst kısmına yakın bir şekilde dikey olarak hizalanamayabilir. Bu özellik sizin için halleder.