169 похожих чатов

Привет! Вывожу в цикле карточки. Все во флекс контейнере. Получается квадрат

3*3.
Как мне запихнуть в центр статик картинку?
Что-то не соображу.
Flex order не помог, так как он работает за пределами цикла.

7 ответов

6 просмотров

положить в середину массива эту карточку?

Nikita-Kostichev Автор вопроса

Можно было еще гридами расставить

Да, только у зелено-желтых ячеек нет четкого паттерна цвета в таком варианте, поэтому через индекс все-таки проще https://codepen.io/wspwebben/pen/YzdZpVw

Nikita-Kostichev Автор вопроса
Anton Permyakov
Да, только у зелено-желтых ячеек нет четкого патте...

картинка для примера, вся проблема именно в центральном элементе была

Anton Permyakov
Да, только у зелено-желтых ячеек нет четкого патте...

.cell:nth-child(even):nth-child(n - 5) { background-color: yellow; } .cell:nth-child(odd):nth-child(n - 5) { background-color: green; } .cell:nth-child(odd):nth-child(-n + 5) { background-color: yellow; } .cell:nth-child(even):nth-child(-n + 5) { background-color: green; }

Похожие вопросы

Обсуждают сегодня

Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
48
А чем вам питонисты не угодили?😂
.
79
type TObj = object procedure Init; virtual; end; TObj1 = object(TObj) procedure Init; override; end; procedure TObj1.Init; begin inherited; end; procedur...
Alexander 👋
29
Такой вопросец - есть функция function MySuperDuperConcat(const a: array of AnsiString): AnsiString; Как мне в её теле сделать вот так? Result:=Concat(a); А не грустный вариан...
notme
15
Всем привет. Поделитесь, пожалуйста, опытом. Есть форма, на которой имеется dbgrid и кнопки: добавить, редактировать, удалить. Если нет записей в dbgrid, то кнопки редактирова...
Евгений
5
type TExtensions<GExtender>=class function GetExtension<GEntityExtenderType>:GEntityExtenderType; end; function TExtensions<GExtender>.GetExtension<GEntityExtenderType...
zamtmn
8
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
86
Всем привет, препод задал вопрос, подскажите пожалуйста, какой адрес инкапсулирует указатель?
Свинка Пеппа
8
Почему никто ещё не написал квантовую виртуальную машину на Windows?
КТ315
7
Вот смотрите у меня есть два стрима сейчас fs, cs: TStream; fs := TFileStream.Create('filename'); cs := TCompressionStream.Create(compression_level, fs); Я хочу сделать так: ...
notme
5
Карта сайта