Saya mencoba menunjukkan perbandingan antara dua foto di README.md saya, itulah sebabnya saya ingin menampilkannya berdampingan. Berikut adalah bagaimana kedua gambar ditempatkan saat ini. Saya ingin menunjukkan dua skema warna Solarized berdampingan, bukan atas dan bawah. Bantuan akan sangat dihargai, terima kasih!
165
Jawaban:
Cara termudah yang dapat saya pikirkan untuk menyelesaikan ini adalah dengan menggunakan tabel yang termasuk dalam penurunan harga rasa GitHub.
Untuk contoh spesifik Anda akan terlihat seperti ini:
Ini menciptakan tabel dengan Solarized Dark and Ocean sebagai header dan kemudian berisi gambar di baris pertama. Jelas Anda akan mengganti
...
dengan tautan yang sebenarnya. The:
s adalah opsional (Mereka hanya memusatkan konten dalam sel, yang agak tidak perlu dalam hal ini). Anda juga mungkin ingin memperkecil ukuran gambar sehingga mereka akan menampilkan sisi-sisi yang lebih baik.sumber
![](https://...Ocean.png)
antara Braces Square Anda dapat menambahkan Alt-Text yang ditampilkan ketika Anda mengarahkan kursor ke gambar.Anda dapat menempatkan setiap gambar berdampingan dengan menuliskan markdown untuk setiap gambar pada baris yang sama.
Selama gambar tidak terlalu besar, mereka akan menampilkan sebaris seperti yang ditunjukkan oleh cuplikan layar file README dari GitHub ini:
sumber
Ini akan menampilkan tiga gambar berdampingan jika gambar tidak terlalu lebar.
sumber
<p align="middle">
menyelaraskan gambar di tengah.width="32%"
saat menyelaraskan 3 gambarMirip dengan contoh lain, tetapi menggunakan ukuran html, saya menggunakan:
Berikut ini sebuah contoh
Saya menguji ini menggunakan Remarkable .
sumber
<img height="350" hspace="20"/>
sebagai pemisah antara gambar dalam suatu masalah ( jawaban wig tidak berfungsi).Jika, seperti saya, Anda menemukan bahwa jawaban @wiggin tidak berfungsi dan gambar masih tidak muncul dalam baris, Anda dapat menggunakan properti 'sejajarkan' dari tag gambar html dan beberapa jeda untuk mencapai efek yang diinginkan, misalnya:
Jelas, Anda harus menggunakan lebih banyak istirahat tergantung pada seberapa besar gambar: ya, tapi itu berhasil bagi saya jadi saya pikir saya akan berbagi.
sumber
hspace
sedikit trik yang rapi jika tidak ada cukup ruang di antara gambar-gambar. Tidak tahu github sebenarnya mem-parsing itu.Ini adalah cara terbaik untuk membuat menambahkan gambar / tangkapan layar aplikasi Anda dan menjaga repositori Anda tetap bersih.
Buat
screenshot
folder di repositori Anda dan tambahkan gambar yang ingin Anda tampilkan.Sekarang pergi ke
README.md
dan tambahkan kode HTML ini untuk membentuk tabel.Dalam
<td><img src="(COPY IMAGE PATH HERE)" width=270 height=480></td>
** Untuk mendapatkan jalur gambar -> Buka
screenshot
folder dan bukaimage
dan di sisi paling kanan, Anda akan menemukanCopy path
tombol.Anda akan mendapatkan tabel seperti ini di repositori Anda --->
sumber
Untuk membonceng @Maruf Hassan
<td valign="top">...</td>
didukung oleh GitHub Markdown. Gambar dengan ketinggian yang bervariasi mungkin tidak sejajar secara vertikal di dekat bagian atas sel. Properti ini menanganinya untuk Anda.sumber