flexbox
Dlaczego w CSS Flexbox nie ma właściwości" justify-items "I" justify-self"?
Rozważmy oś główną i oś poprzeczną pojemnika flex:
... le nie dla flexbox .
Na koniec powtórzę główne pytanie:
Dlaczego nie ma właściwości "justify-items" I "justify-self"?
Lepszy sposób ustawiania odległości między elementami flexbox
Aby ustawić minimalną odległość między elementami flexbox używam margin: 0 5px na .item i margin: 0 -5px na kontenerze. Dla m ... iv class='item'></div>
<div class='item'></div>
<div class='item'></div>
</div>
Dlaczego elementy flex nie zmniejszają poprzedniego rozmiaru zawartości?
Mam 4 kolumny flexbox i wszystko działa dobrze, ale kiedy dodaję tekst do kolumny i ustawiam ją na duży rozmiar czcionki, pow ... class="col col3">Lorem ipsum dolor</div>
<div class="col col4">Lorem ipsum dolor</div>
</div>
Flex-box: Wyrównaj ostatni wiersz do siatki
Mam prosty układ flex-box z kontenerem typu:
.grid {
display: flex;
flex-flow: row wrap;
justify-content: space-betwe ... etab"></div>
<div class="exposetab"></div>
<div class="exposetab"></div>
</div>
Nie można przewijać na górę elementu flex, który jest przepełniony kontenerem
Więc, próbując zrobić użyteczny modal za pomocą flexbox, znalazłem coś, co wydaje się być problemem przeglądarki i zastanawia ... e do IE10.
Każdy pomysł byłby dobry. Przydatne byłyby również linki do znanych problemów lub rozumowanie za tym zachowaniem.
Jak utrzymać dwie div-by-side na tej samej wysokości?
Mam dwie div obok siebie. Chciałbym, aby ich wysokość była taka sama i pozostała taka sama, jeśli jeden z nich zmieni rozmiar ... #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px">
Some content!
</div>
</div>
Jak wyrównać 3 divs (left/center/right) wewnątrz innego div?
Chcę mieć 3 divy wyrównane wewnątrz kontenera div, coś w tym stylu:
[[LEFT] [CENTER] [RIGHT]]
Kontener div m ... th:100px;}
Ale staje się:
[[LEFT] [CENTER] ]
[RIGHT]
Jakieś wskazówki?
Jak sprawić, by dzieci Flexbox osiągnęły 100% wzrostu swojego rodzica?
Próbuję wypełnić pionową przestrzeń elementu flex wewnątrz Flexboxa.
.container {
height: 200px;
width: 500px;
... z Chrome.]}
flex-2-child ma pozycję absolutną, która jest również niewygodna
To nie działa w Chrome lub Firefox obecnie.
Jak Mogę mieć dwie kolumny o stałej szerokości z jedną elastyczną kolumną na środku?
Próbuję ustawić układ flexbox z trzema kolumnami, gdzie lewa i prawa kolumna mają stałą szerokość, a środkowa kolumna wygina ... t My Door
<br/> 01.12.13
</div>
</div>
Oto JSFiddle: http://jsfiddle.net/zDd2g/185/
Flexbox: wyśrodkuj poziomo i pionowo
Jak wyśrodkować div poziomo i pionowo wewnątrz kontenera za pomocą flexbox. W poniższym przykładzie chcę każdą liczbę pod sob ... >
<span class="flex-item">4</span>
</div>
</div>
Http://codepen.io/anon/pen/zLxBo
Center one and right / left align other flexbox element
Chciałbym mieć A B i C wyrównane w środku.
Jak mogę dostać D, aby przejść całkowicie w prawo?
Przed:
Po:
ul {
... lt;li>B</li>
<li>C</li>
<li>D</li>
</ul>
Https://jsfiddle.net/z44p7bsx/
Jaka jest różnica między display: inline-flex a display: flex?
Próbuję wyrównać pionowo elementy wewnątrz opakowania ID. Podałem właściwość display:inline-flex; do tego identyfikatora, pon ... side>
<main>main</main>
<footer>footer</footer>
</div>
</body>
Jak wyrównać element flex w prawo?
Czy istnieje bardziej elastyczny sposób na wyrównanie "kontaktu" w prawo niż użycie position: absolute?
.main { display ... t;
<div class="c"><a href="#">Contact</a></div>
</div>
Http://jsfiddle.net/vqDK9/
Chrome / Safari nie wypełnia 100% wysokości flex
Chcę mieć menu pionowe o określonej wysokości.
Każde dziecko musi wypełnić wysokość rodzica i mieć tekst wyrównany do środka ... tem">
<div class="item-inner">
<a>Button</a>
</div>
</div>
</div>
Przewijanie flexboxa z przepełnioną treścią
Oto kod, którego używam do osiągnięcia powyższego układu:
.header {
height: 50px;
}
.body {
position: abso ... rzewijaniem .
Jak ustawić obszar content, aby przewijał się niezależnie, a jego dzieci rozciągały się poza wysokość content?
Jakie są różnice między elastyczną podstawą a szerokością?
Były pytania i artykuły na ten temat, ale nic rozstrzygającego, o ile mogę powiedzieć. Najlepsze podsumowanie jakie znalazłem ... x-basis? ale czułem bardziej bezpośrednie porównanie lub podsumowanie różnice flex-basis i width (lub height ) byłyby miłe.
Jak określić podziały wierszy w wielowierszowym układzie flexbox?
Czy istnieje sposób na złamanie linii w multiple line flexbox?
Na przykład, aby złamać po każdym 3 pozycji w Ten kod .
... ;
<div class="item">10</div>
</div>
Jak
.item:nth-child(3n){
/* line-break: after; */
}
Bootstrap 4 wyrównaj elementy paska nawigacyjnego w prawo
Jak wyrównać element navbar do prawej?
Chcę mieć login i zarejestrować się po prawej stronie.
Ale wszystko, co próbuję, wyda ... url('/register') }}">Register</a>
</li>
</ul>
</nav>
@yield('content')
</div>
/ Style = Vertical-Align: Bottom /
Próbuję wyśrodkować kontener na środku strony za pomocą Bootstrap 4. Do tej pory nie udało mi się. Każda pomoc będzie mile wi ... rappy podejście. Zauważ, że robi to samo, co wyżej wymienione podejście.
Rozwiązany dzięki @ Pete, @ ZimSystems oraz innym
Jak wyrównać tekst w pionie wewnątrz flexbox?
Chciałbym użyć flex box do pionowego wyrównania zawartości wewnątrz <li>, ale nie odniosłem wielkiego sukcesu.
Sprawdz ... ;
background: silver;
width: 100%;
height: 20%;
}
<ul>
<li>This is the text</li>
</ul>