Pytania otagowane jako flexbox

Moduł CSS do elastycznych układów, zapewniający szeroką gamę opcji wyrównywania elementów, eliminując potrzebę stosowania elementów zmiennoprzecinkowych i tabel.

10
Równe rzędy wysokości w elastycznym pojemniku
Jak widać, list-itemspierwsze rowmają takie same height. Ale przedmioty w drugiej rowmają różne heights. Chcę, żeby wszystkie przedmioty miały mundur height. Czy jest jakiś sposób na osiągnięcie tego bez podawania stałej wysokości i tylko przy użyciu Flexbox ? Tutaj jest mój code .list { display: flex; flex-wrap: wrap; max-width: 500px; …
91 html  css  flexbox 
1
margin-top tylko wtedy, gdy element flex jest opakowany
Mam pojemnik elastyczny z dwoma elementami elastycznymi. Chcę ustawić górny margines na drugim, ale tylko wtedy, gdy jest zawinięty, a nie na pierwszej linii elastycznej. Jeśli to możliwe, chcę unikać zapytań o media. Pomyślałem, że rozwiązaniem może być dół marginesu na pierwszym elemencie. Jednak dodaje miejsca na dole, gdy elementy …
88 css  margin  flexbox 
4
Zapobiegaj rozszerzaniu się wysokości elementów elastycznych w celu dopasowania do innych elementów elastycznych
Mam dwa elementy wewnątrz kontenera, które są obok siebie za pomocą flex box. Na drugim elemencie ( .flexbox-2) ustawiam jego wysokość w CSS. Jednak wtedy pierwszy element ( .flexbox-1) będzie pasował do wysokości .flexbox-2. Jak mógłbym przestać .flexbox-1dopasowywać wysokość .flexbox-2, a zamiast tego po prostu zachować jej naturalną wysokość? Oto, …
85 html  css  flexbox 
3
CSS3 Flexbox: display: box vs. flexbox vs. flex
Wczoraj dostałem w szkole stronę internetową, która używa instrukcji CSS 3 flexbox. Nigdy wcześniej tego nie używałem. Więc poszukałem go trochę w Google i znalazłem wiele różnych stylów instrukcji flexbox. Niektórzy piszą display: box;, inni używają display: flexbox;i inni display: flex;. Więc jakie są różnice? Którego powinienem użyć?
84 css  flexbox 
4
Wyśrodkuj DIV nierównomiernie za pomocą CSS
Centruję DIV wewnątrz innego DIV za pomocą Flexboksa. Pomyśl o oknie dialogowym, które pojawia się na środku ekranu w razie potrzeby. Działa dobrze, jednak wyglądałoby to znacznie lepiej, gdyby przestrzeń powyżej i poniżej okna dialogowego nie była dokładnie równa, mając 40% pozostałej przestrzeni powyżej i 60% poniżej okna dialogowego. Jest …
23 html  css  flexbox  centering 
10
Tworzenie div równych rozmiarów z zawijaniem
Próbuję stworzyć system menu z obrazem i tekstem powyżej i poniżej. Dane są dynamiczne. Chcę, aby system menu pojawił się w taki sposób, aby każdy obraz był w równej odległości od siebie, tak aby ustawiał się w siatce obrazów zarówno w poziomie, jak i w pionie. Problemem jest tekst. Jeśli …
17 html  css  flexbox 
3
Wolę kurczenie się niż uprawę w elastycznym pojemniku z flex-flow: owijanie rzędów
Wyświetlanie galerii obrazów o różnych rozmiarach i proporcjach z następującymi specyfikacjami: Bez odstępów (marginesów) między obrazami. Przestrzeganie oryginalnego stosunku w jak największym stopniu. Obrazy otoczone linkiem. Rozwiązanie inne niż JS. Obrazy mogą zostać nieco przycięte. Przenośne rozwiązanie. Zestaw wyświetlanych zdjęć jest losowy. Obrazy muszą być wyświetlane od lewej do prawej …
3
Elastyczne przejście: Rozciągnij (lub zmniejsz), aby dopasować zawartość
Zakodowałem skrypt (z pomocą tutaj użytkownika), który pozwala mi rozwinąć wybrany div i sprawić, aby inne div zachowywały się odpowiednio, rozciągając się równo, aby dopasować się do pozostałej przestrzeni (z wyjątkiem pierwszego, którego szerokość jest stała). A oto zdjęcie tego, co chcę osiągnąć: Do tego używam flexu i przejść. Działa …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.