Programowanie css-grid

7

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: …

153 css grid-layout css-grid

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 …

110 css flexbox grid-layout css-grid

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

Pytania otagowane jako css-grid