css-grid
Centrowanie w CSS Grid
Próbuję stworzyć prostą stronę z CSS Grid.
Nie mogę wyśrodkować tekstu z HTML do odpowiednich komórek siatki.
Próbowałem um ... ass="right_text">
<!--right side text content-->
<p>Hire me!</p>
</div>
</div>
Zapobiega rozszerzaniu elementów siatki
TL; DR: czy istnieje coś podobnego do table-layout: fixed dla sieci CSS?
Próbowałem stworzyć kalendarz z widokiem roku z du ... użycia CSS Grid Layout. Jednak to pytanie dotyczy bardziej ogólnej wiedzy na ten temat niż rozwiązania konkretnego przykładu.
Układy Flex / Grid nie działają na elementach button lub fieldset
Próbuję wyśrodkować wewnętrzne elementy znacznika <button> za pomocą flexboxa justify-content: center. Ale Safari ich n ... pan>
<span>Test</span>
</p>
</div>
I a jsfiddle:
http://jsfiddle.net/z3sfwtn2/2/
CSS Grid Layout nie działa w IE11 nawet z prefiksami
Używam następujących znaczników HTML dla mojej siatki.
<section class="grid">
<article class="grid-item width-2 ... d-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section>
CSS Grid wrapping?
Czy możliwe jest tworzenie zawijania siatki CSS bez użycia zapytań o media?
W moim przypadku mam niedeterministyczną liczbę ... ystkich elementów, jak jestem z grid-template-columns, które byłoby świetne. Wolałbym, żeby dzieci określiły swoją szerokość.
CSS Grid auto fit with max-content
Mam 4 kolumny. Rzeczywista zawartość kolumn 1 i 4 wynosi 150px, kolumna 2 to 250px, a kolumna 3 to 370px. Chcę zawinąć kolumn ... t;/div>
<div class="p4">
<img src="https://via.placeholder.com/150x150">
</div>
</div>
Wiersze o równej wysokości w układzie siatki CSS
Domyślam się, że jest to niemożliwe do osiągnięcia za pomocą Flexbox, ponieważ każdy wiersz może być tylko minimalną wysokośc ... o wiersza. Zasadniczo najwyższa "komórka" powinna dyktować wysokość wszystkich komórek, a nie tylko komórek w swoim rzędzie.
Responsywna galeria obrazów za pomocą CSS flexbox lub grid-layout
Pracuję nad widżetem Image-Gallery-widget, w którym użytkownik może ustawić szerokość miniaturki, wysokość miniaturki i margi ... uniknąć z flexbox. Zbadałem flexbox trochę, ale nie byłem w stanie jeszcze w pełni go ogarnąć.
Dzięki za wszelkie wskazówki!
CSS Grid Layout nie działa w Edge i IE 11 nawet z prefiksem-ms
Używam następujących znaczników HTML dla mojej siatki.
<section class="grid">
<article class="grid-item width-2 ... d-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section>
Jak określić wysokość wierszy w układzie siatki CSS?
Mam układ siatki CSS, w którym chcę, aby niektóre (środkowe 3) wiersze rozciągały się do ich maksymalnego rozmiaru. Prawdopo ... zy następujące siatka:
Jeśli żadne z pól nie zawiera żadnej treści, chciałbym, aby siatka wyglądała mniej więcej tak: