• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Div'y bez przerwy

Staż IT w Comarch
0 głosów
57 wizyt
pytanie zadane 21 kwietnia 2017 w HTML i CSS przez Włóczykij Użytkownik (750 p.)
zamknięte 21 kwietnia 2017 przez Włóczykij

Siema

Mam taki kod

<html>
  <head>
    <title>Test</title>
  </head>
  <body>
    <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
    </div>
        <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis itaque quaerat sunt ducimus repellat libero modi voluptas dolorem atque, accusantium nesciunt magnam quae fugit iure eum sed voluptatem! Expedita, incidunt.
    </div>
        <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
    </div>
        <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
    </div>
        <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
    </div>
    <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis itaque quaerat sunt ducimus repellat libero modi voluptas dolorem atque, accusantium nesciunt magnam quae fugit iure eum sed voluptatem! Expedita, incidunt.
    </div>
    <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis itaque quaerat sunt ducimus repellat libero modi voluptas dolorem atque, accusantium nesciunt magnam quae fugit iure eum sed voluptatem! Expedita, incidunt.
    </div>
    <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
    </div>
    <div class="box">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quam, et ea blanditiis saepe, eum consectetur at odit cumque consequuntur fuga explicabo nesciunt. Suscipit expedita qui minus, optio tempora velit!
    </div>

  </body>
</html>
body{
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
          }

          .box{
            width: 280px;
            margin: 10px;
            border: solid 1px;
            border-radius: 5px;
            padding: 10px;
            float: left;
}

Codepen

I chciałbym pozbyć się tych pionowych przerw miedzy div'ami,  żeby każdy następny pojawiał się po prawej stronie albo zaraz poniżej tego po lewej. Czy jest możliwość zrobienia tego???

 

komentarz zamknięcia: Temat rozwiązany

2 odpowiedzi

+1 głos
odpowiedź 21 kwietnia 2017 przez Kornelia Kobiela Nałogowiec (33,670 p.)
wybrane 21 kwietnia 2017 przez Włóczykij
 
Najlepsza

Hej, ja na twoim miejscu wyrzuciłabym float: left z klasy box i zamiast tego dała:

body{
  column-count:3;
} 

To powinno pomóc. Albo jakaś zabawa flex-boxem może by tu coś pomogła. Pozdrawiam

komentarz 21 kwietnia 2017 przez Włóczykij Użytkownik (750 p.)

Dzięki smiley działa

0 głosów
odpowiedź 21 kwietnia 2017 przez niezalogowany
margin: 0px;

Podobne pytania

0 głosów
1 odpowiedź 83 wizyt
pytanie zadane 5 października 2016 w HTML i CSS przez Mr Popcorn Bywalec (2,310 p.)
0 głosów
1 odpowiedź 114 wizyt
0 głosów
1 odpowiedź 1,487 wizyt
pytanie zadane 11 lipca 2016 w HTML i CSS przez ernest4013 Gaduła (3,160 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.
Ciekawy innych porad? Odwiedź tę stronę!

48,520 zapytań

90,114 odpowiedzi

181,385 komentarzy

23,478 pasjonatów

Przeglądających: 109
Pasjonatów: 0 Gości: 109

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...