Miten toteutan vierekkäiset, "kelluvat" elementit?

tyttö vain

Onko mitään keinoa toteuttaa kolme vierekkäistä elementtiä, jotka hyppäävät vierekkäin tai allekkain siitä riippuen, miten leveältä näytöltä sivuja katsotaan? Ts. haluan välttää sivun sivuvierityksen kapealla näytöllä, mutta olisi kiva, jos elementit täyttäisivät leväen näytön tyylikkäästi ilman reunan tyhjää tilaa.

Elementti sisältäisi:
- otsikon
- vähän tekstiä ja
- näiden alla kuvan (ehkä 150 px leveä).

Apua :)?

2

560

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • juhakorkeapudas

      Tässä yksi esimerkki.




      .divi {float:left;width:350px;border:1px solid #000;}




      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.

      • teet vaan yksinkertasesti

        1
        2
        3


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Miksi et irrota otettasi

      Suhteeni?
      Ikävä
      74
      2942
    2. Koko ajan olet

      Senkin suhteen kiusannut. Halut on ihan mielettömät olleet jo pitkään
      Ikävä
      65
      2793
    3. Muutama syy

      Sille miksi IRL kohtaaminen on hänelle vaikeaa
      Ikävä
      68
      1822
    4. Tykkään susta

      Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä
      Ikävä
      17
      1669
    5. Onko kaivatullasi

      Hyvä vai huono huumorintaju?
      Ikävä
      24
      1657
    6. Estitkö sä minut

      Oikeasti. Haluatko, että jätän sun ajattelemisen? :3
      Ikävä
      20
      1600
    7. Onko kaikki hyvin, iso huoli sinusta

      Miten jakselet? Onko sattunut jotain ikävää. Naiselta
      Ikävä
      23
      1553
    8. Tiedätkö tykkääkö

      Kaivatustasi siinä mielessä joku muukin kuin sinä itse
      Ikävä
      48
      1297
    9. Millainen meno

      Viikonloppuna? Mulla hirvee vitutus päällänsä. Onko muilla sama tunne??
      Ikävä
      38
      1273
    10. Onko meillä

      Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko
      Ikävä
      9
      1259
    Aihe