Am'm încercând să arate o comparație între două fotografii în README.md care este motivul pentru care vreau să le afișa side-by-side. Aici este modul în care cele două imagini sunt plasate în prezent. Vreau să arăt două Solarized scheme de culori alăturate în loc de sus și de jos. De ajutor ar fi apreciat foarte mult, multumesc!
Cel mai simplu mod de a rezolva acest lucru este folosind mese inclus în GitHub's cu aroma de reduceri.
La exemplu concret ar arata ceva de genul asta:
Solarized dark | Solarized Ocean
:-------------------------:|:-------------------------:
![](https://...Dark.png) | ![](https://...Ocean.png)
Acest lucru creează un tabel cu Solarized Întuneric și Ocean ca anteturile și apoi conține imagini în primul rând. Evident, ar înlocui ...
cu link-ul real. A :
s sunt opționale (Au doar centrul conținutul în celule, care este cam inutile în acest caz). De asemenea, ați putea dori să reducă imaginile astfel încât acestea vor afișa mai side-by-side.
Puteți plasa fiecare imagine side-by-side de scris markdown pentru fiecare imagine pe aceeași linie.
![alt-text-1](image1.png "title-1") ![alt-text-2](image2.png "title-2")
Atâta timp cât imaginile sunt't este prea mare, se va afișa inline cum s-a demonstrat prin acest ecran împușcat de un fișier README de la GitHub:
Similar cu alte exemple, dar folosind html dimensionare, eu folosesc:
<img src="image1.png" width="425"/> <img src="image2.png" width="425"/>
Aici este un exemplu
<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"/>
<img src="https://openclipart.org/image/2400px/svg_to_png/28580/kablam-Number-Animals-1.png" lățime="200"/> <img src="https://openclipart.org/download/71101/two.svg" lățime="300"/>
Am testat acest lucru, folosind Remarcabil.
Dacă, ca mine, ai constatat că @wiggin răspunsul n't de lucru și imagini încă nu a apărut într-line, puteți utiliza 'a alinia' proprietatea html tag-ul imagine și unele pauze pentru a obține efectul dorit, de exemplu:
# 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...
Evident, trebuie să utilizați mai multe pauze, în funcție de cât de mari sunt imaginile: groaznic da, dar ea a lucrat pentru mine, așa că am crezut că am'd împărtășească.