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.

5
Flexbox i Internet Explorer 11 (wyświetl: flex w <html>?)
Planuję odejść od "pływających" układów i używać CSS flexbox w przyszłych projektach. Byłem zachwycony, widząc, że wszystkie główne przeglądarki w ich aktualnych wersjach obsługują (w taki czy inny sposób) flexbox. Udałem się do „Rozwiązany przez Flexbox”, aby spojrzeć na kilka przykładów. Jednak przykład „Sticky Footer” nie wydaje się działać w …
10
Flexbox nie wyśrodkowuje się w pionie w IE
Mam prostą stronę internetową z zawartością Lipsum, która jest wyśrodkowana na stronie. Strona działa dobrze w Chrome i Firefox. Jeśli zmniejszę rozmiar okna, zawartość wypełnia okno, aż nie może, a następnie dodaje pasek przewijania i wypełnia zawartość poza ekranem, w dół. Jednak strona nie jest wyśrodkowana w IE11. Mogę wyśrodkować …
8
Zachowaj proporcje obrazu podczas zmiany wysokości
Używając modelu CSS flex box, jak zmusić obraz do zachowania proporcji? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Zwróć uwagę, że obrazy rozciągają się lub kurczą, aby wypełnić szerokość pojemnika. W porządku, ale czy możemy też rozciągnąć lub zmniejszyć wysokość, aby zachować proporcje obrazu? HTML &lt;div class="slider"&gt; &lt;img src="http://www.placebacon.net/400/300" alt="Bacn"&gt; &lt;img src="http://www.placebacon.net/400/300" alt="Bacn"&gt; &lt;img …
114 html  css  flexbox 
2
Sprawianie, że element elastyczny płynie w prawo
mam &lt;div class="parent"&gt; &lt;div class="child" style="float:right"&gt; Ignore parent? &lt;/div&gt; &lt;div&gt; another child &lt;/div&gt; &lt;/div&gt; Rodzic ma .parent { display: flex; } W przypadku mojego pierwszego dziecka chcę po prostu przesunąć przedmiot w prawo. I inne moje elementy div zgodnie z regułą flex ustawioną przez rodzica. Czy to jest możliwe? Jeśli …
114 html  css  flexbox 
2
Wiersze o jednakowej wysokości w układzie siatki CSS
Rozumiem, że jest to niemożliwe do osiągnięcia za pomocą Flexbox, ponieważ każdy wiersz może mieć tylko minimalną wysokość wymaganą do dopasowania jego elementów, ale czy można to osiągnąć za pomocą nowszej siatki CSS? Żeby było jasne, chcę mieć równą wysokość dla wszystkich elementów w siatce we wszystkich wierszach, a nie …
3
Jak mogę połączyć Flexbox i Vertical Scroll w aplikacji o pełnej wysokości?
Chcę używać aplikacji o pełnej wysokości przy użyciu Flexbox. Znalazłem to, czego chcę, używając starego modułu układu flexbox ( display: box;i innych rzeczy) w tym linku: CSS3 Aplikacja Flexbox o pełnej wysokości i przepełnienie Jest to poprawne rozwiązanie dla przeglądarek, które obsługują tylko starą wersję właściwości CSS flexbox. Jeśli chcę …
106 html  css  flexbox 
2
Umieść ostatni element elastyczny na końcu kontenera
To pytanie dotyczy przeglądarki z pełną obsługą css3, w tym Flexbox. Mam pojemnik elastyczny z kilkoma przedmiotami. Wszystkie są uzasadnione do flex-start, ale chcę, aby ostatni .end element był uzasadniony do flex-end. Czy istnieje dobry sposób na zrobienie tego bez modyfikowania kodu HTML i bez uciekania się do pozycjonowania bezwzględnego? …
105 css  flexbox 
3
Jak mogę sprawić, by mój układ flexbox zajmował 100% miejsca w pionie?
Jak mogę sprawdzić, czy wiersz układu flexbox zajmuje pozostałą przestrzeń w pionie w oknie przeglądarki? Mam 3-rzędowy układ flexbox. Pierwsze dwa rzędy mają stałą wysokość, ale trzeci jest dynamiczny i chciałbym, aby urósł do pełnej wysokości przeglądarki. Mam inny flexbox w wierszu-3, który tworzy zestaw kolumn. Aby poprawnie dopasować elementy …
102 html  css  flexbox 
1
Zapobiegaj rozciągnięciu elementów elastycznych
Próba: div { display: flex; height: 200px; background: tan; } span { background: red; } &lt;div&gt; &lt;span&gt;This is some text.&lt;/span&gt; &lt;/div&gt; Uruchom fragment koduHide resultsRozwiń fragment Mam dwa pytania, proszę: Dlaczego w zasadzie tak się dzieje span? Jakie jest właściwe podejście, aby zapobiec jego rozciągnięciu bez wpływania na inne elementy …
100 html  css  flexbox 
6
Wyśrodkuj zawartość w kolumnie w Bootstrap 4
Potrzebuję pomocy w rozwiązaniu problemu, muszę wyśrodkować zawartość w kolumnie w programie bootstrap4, proszę znaleźć mój kod poniżej &lt;div class="container"&gt; &lt;div class="row justify-content-center"&gt; &lt;div class="col-3"&gt; &lt;div class="nauk-info-connections"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;
4
Czy „pozycja: absolutna” jest sprzeczna z Flexbox?
Chcę zrobić divkij na górze ekranu bez wpływu na inne elementy, a jego element potomny w środku. .parent { display: flex; justify-content: center; position: absolute; } &lt;div class="parent"&gt; &lt;div class="child"&gt;text&lt;/div&gt; &lt;/div&gt; Uruchom fragment koduUkryj wynikiRozwiń fragment Kiedy dodam position: absolutewiersz, justify-content: centerstaje się nieważny. Czy są ze sobą w konflikcie …
7
React Native pozycjonowanie bezwzględne środek poziomy
Wydaje się, że position:absolutew użyciu element nie może być wyśrodkowany za pomocą justifyContentlub alignItems. Istnieje obejście do użycia, marginLeftale nie wyświetla się tak samo dla wszystkich urządzeń, nawet przy użyciu wymiarów do wykrywania wysokości i szerokości urządzenia. bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, …
3
Układy Flex / Grid nie działają na przyciskach lub elementach zestawu pól
Próbuję wyśrodkować wewnętrzne elementy &lt;button&gt;-tagu za pomocą flexboxów justify-content: center. Ale Safari ich nie wyśrodkowuje. Mogę zastosować ten sam styl do innych tagów i działa zgodnie z przeznaczeniem (zobacz &lt;p&gt;-tag). Tylko przycisk jest wyrównany do lewej. Wypróbuj Firefox lub Chrome, a zobaczysz różnicę. Czy istnieje styl klienta użytkownika, który muszę …
91 html  css  safari  flexbox  css-grid 
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.