• 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

0 głosów
51 wizyt
pytanie zadane 21 kwietnia w HTML i CSS przez Włóczykij Użytkownik (690 p.)
zamknięte 21 kwietnia 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 przez Kornelia Kobiela Nałogowiec (32,070 p.)
wybrane 21 kwietnia 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 przez Włóczykij Użytkownik (690 p.)

Dzięki smiley działa

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

Podobne pytania

0 głosów
1 odpowiedź 75 wizyt
pytanie zadane 5 października 2016 w HTML i CSS przez Mr Popcorn Bywalec (2,280 p.)
0 głosów
1 odpowiedź 82 wizyt
0 głosów
1 odpowiedź 248 wizyt
pytanie zadane 11 lipca 2016 w HTML i CSS przez ernest4013 Bywalec (2,550 p.)

35,137 zapytań

71,320 odpowiedzi

136,338 komentarzy

16,990 pasjonatów

Przeglądających: 100
Pasjonatów: 1 Gości: 99

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.

...