cari

Rumah  >  Soal Jawab  >  teks badan

Grid CSS dengan baris tidak rata (gaya Pinterest)

Saya cuba mencipta 3 lajur grid berbilang baris pautan (img + teks). Masalahnya ialah imej saya tidak sama ketinggian, jadi saya mendapat hasil seperti ini:

Saya cuba mencari sifat grid CSS yang diperlukan untuk mendapatkan hasil seperti ini.

Saya cuba hanya membuat 3 div (setiap lajur) dengan berbilang pautan di dalamnya, tetapi susunannya tidak betul semasa membalas.

Bolehkah anda membantu? Terima kasih banyak-banyak.

P粉710478990P粉710478990522 hari yang lalu598

membalas semua(1)saya akan balas

  • P粉994092873

    P粉9940928732023-09-10 13:11:03

    Saya rasa, anda boleh meletakkan display: flex di dalam div induk Kemudian dalam setiap lajur tambahkan bilangan imej untuk dipaparkan

    <div class='parent'>
      <div class='column'>
        <img src='/img-1' />
        <img src='/img-4' />
        <img src='/img-7' />
      </div>
      <div class='column'>
        <img src='/img-2' />
        <img src='/img-5' />
        <img src='/img-8' />
      </div>
      <div class='column'>
        <img src='/img-3' />
        <img src='/img-6' />
        <img src='/img-9' />
      </div>
    </div>

    Kini anda tidak perlu risau tentang ketinggian imej yang berbeza.

    balas
    0
  • Batalbalas