eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS, jak działa flex-grow?CSS, jak działa flex-grow?
  • Data: 2018-02-28 16:07:38
    Temat: CSS, jak działa flex-grow?
    Od: Marek S <p...@s...com> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Witam,

    Nijak nie potrafię zrozumieć jak atrybut działa. Wszystkie elementy z
    tym atrybutem są różnej szerokości. Boxy stają się równe tylko wtedy,
    gdy usunę wszystkie teksty. O co chodzi?

    Kod:

    <div class="container">
    <div>aaa</div>
    <div>aaa bbb</div>
    <div>ccccc</div>
    <div>ccccc dddd<br>
    line 2</div>
    <div>ccccc dddd eee</div>
    <div>f</div>
    </div>

    <style>
    .container {
    display: flex;
    background-color: #c00;
    }
    .container div {
    background-color: #eee;
    padding: 10px;
    border: 1px solid #cc0;
    flex-grow: 1;

    }
    </style>

    --
    Pozdrawiam,
    Marek

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: