Pytania otagowane jako grid-layout

27
Flex-box: Wyrównaj ostatni rząd do siatki
Mam prosty układ flex-box z pojemnikiem takim jak: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Teraz chcę, aby elementy w ostatnim rzędzie były wyrównane z innymi. justify-content: space-between;należy stosować, ponieważ szerokość i wysokość siatki można regulować. Obecnie tak wygląda Tutaj chcę, aby element w prawym dolnym rogu …
378 css  flexbox  grid-layout 
29
Jak dodać odstępy między kolumnami w Bootstrap?
Jestem pewien, że istnieje proste rozwiązanie tego problemu. Zasadniczo, jeśli mam dwie kolumny, jak mogę dodać spację między nimi? np. jeśli HTML to: <div class="col-md-6"></div> <div class="col-md-6"></div> Wynikiem byłyby po prostu dwie kolumny obok siebie, zajmujące całą szerokość strony. Powiedzmy, że szerokość została ustawiona na tak, aby 1000pxkażda div była …
4
Siatka responsywnych kwadratów
На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (responsywny) квадратов Zastanawiam się, jak zabrałbym się do stworzenia układu z responsywnymi kwadratami . Każdy kwadrat miałby zawartość wyrównaną w pionie i poziomie . Konkretny przykład przedstawiono poniżej ...
4
Zapobiegaj rozszerzaniu elementów siatki przez zawartość
TL; DR: Czy jest coś podobnego table-layout: fixeddo siatek CSS? Próbowałem utworzyć kalendarz z widokiem na rok z dużą siatką 4x3 dla miesięcy i tam zagnieżdżonymi siatkami 7x6 dla dni. Kalendarz powinien wypełniać stronę, tak aby kontener siatki lat miał szerokość i wysokość 100% każdy. .year-grid { width: 100%; height: …
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 …
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.