css-grid

5Ciepło

3Odpowiedz

Utwórz tabelę przy użyciu listy definicji i układu siatki

Oto moja próba utworzenia pseudo-tabeli, przy użyciu <dl> i display: grid. Właściwie to działa. Jedynym problemem jest to, że zmuszony jestem do używania brzydkiego sposobu definiowania wierszy. Jest

5Ciepło

2Odpowiedz

CSS Grid: jak utworzyć kolumnę o pełnej szerokości, gdy nie ma drugiej kolumny?

Wiem, że są podobne pytania, ale to jest właśnie pytanie, jak to zrobić za pomocą CSS Grid Layout. Więc mamy tę podstawową konfigurację siatki: HTML (z bocznym): <div class="grid"> <div class="c

5Ciepło

1Odpowiedz

Utwórz element siatki obejmujący wszystkie dostępne kolumny

Mam tabelę, w której elementy są dodawane dynamicznie, krótko mówiąc, chcę, aby każdy element obejmował wszystkie dostępne kolumny, jeśli te kolumny nie są wypełnione. Na przykład na tym obrazku chcę,

5Ciepło

1Odpowiedz

siatka-kolumna-szczelina powoduje przepełnienie

Właśnie przetestowałem CSS display: grid. Działa dobrze, ale grid-column-gap: 10px; łamie kontener nadrzędny. Zielony obszar w poniższym kodzie jest mniejszy niż obszar siatki. box-sizing: border-box;

6Ciepło

1Odpowiedz

CSS wydruk strony-break-after nie działa z układem siatki CSS

Używam nowej techniki układu CSS3 zdefiniowanej przez gridbyexample.com. Działa bardzo dobrze, z wyjątkiem sytuacji, gdy próbuję wydrukować układ. Wygląda na to, że Chrome i Firefox ignorują wszelkie