Pytania otagowane jako css-grid

7
Centrowanie w siatce CSS
Próbuję stworzyć prostą stronę z CSS Grid. To, czego nie mogę zrobić, to wyśrodkować tekst z HTML do odpowiednich komórek siatki. Próbowałem umieszczenie treści w oddzielnych divs zarówno wewnątrz i na zewnątrz left_bgoraz right_bgselektorów i gry z niektórych właściwości CSS bezskutecznie. Jak mam to zrobic? html, body { margin: 0; …
179 html  css  centering  css-grid 

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
Układ murarski oparty tylko na CSS
Muszę zaimplementować dość spływy układ murarski. Jednak z wielu powodów nie chcę do tego używać JavaScript. Parametry: Wszystkie elementy mają tę samą szerokość Elementy mają wysokość, której nie można obliczyć po stronie serwera (obraz plus różne ilości tekstu) Jeśli zajdzie taka potrzeba, mogę żyć ze stałą liczbą kolumn jest rozwiązanie …
143 html  css  flexbox  css-grid 

5
Zawijanie siatki CSS
Czy można zawijać siatkę CSS bez używania zapytań o media? W moim przypadku mam niedeterministyczną liczbę elementów, które chcę umieścić w siatce i chcę, aby ta siatka była zawijana. Używając Flexbox, nie mogę niezawodnie ładnie rozmieścić rzeczy. Chciałbym również uniknąć wielu zapytań o media. Oto przykładowy kod : .grid { …
126 html  css  css-grid 

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
Układy Flex / Grid nie działają na przyciskach lub elementach zestawu pól
Próbuję wyśrodkować wewnętrzne elementy <button>-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 <p>-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.