Телеграмм чат группы css

Size: a a a

HTML/CSS — русскоговорящее сообщество

2830 membersпожаловаться на группу

2020 June 28

Sad Beladen🍷 in HTML/CSS — русскоговорящее сообщество

Sad Beladen🍷

Привет всем, у меня стоит bootstrap и отуда я беру три серые кнопки, как их можно выравнить по центру?

.btn-menu {
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: center;
    display: flex;
}

Вот стиль для дива с кнопками

Вот, видите три кнопки серые, их нужно поместить по центру, не меняя их размеры

источник

18:18пожаловаться #1

lesha in HTML/CSS — русскоговорящее сообщество

Sad Beladen🍷

Вот, видите три кнопки серые, их нужно поместить по центру, не меняя их размеры

Загрузи уже наконец код в песочницу.

источник

18:19пожаловаться #2

Roman Resh in HTML/CSS — русскоговорящее сообщество

Sad Beladen🍷

Вот, видите три кнопки серые, их нужно поместить по центру, не меняя их размеры

Justify-content: space-around?

источник

18:20пожаловаться #3

Roman Resh in HTML/CSS — русскоговорящее сообщество

Только кнопки сгрупируй

источник

18:21пожаловаться #4

Sad Beladen🍷 in HTML/CSS — русскоговорящее сообщество

Roman Resh

Justify-content: space-around?

Нет, не срабатывает..

источник

18:21пожаловаться #5

Dmytro Svyrydenko in HTML/CSS — русскоговорящее сообщество

Ребят, кто-то знает, как на производительность влияют эти два подхода?
1. Изначально указывать transform: translate(-Npx), а через анимацию фиксировать в положении translate(0)
2. Изначально указывать transform: translate(0), а через анимацию указывать from { translate(-Npx) }, to { translate(0) }

источник

18:22пожаловаться #6

Sad Beladen🍷 in HTML/CSS — русскоговорящее сообщество

lesha

Загрузи уже наконец код в песочницу.

https://codepen.io/Kamronbek29/pen/mdVBdLq

mdVBdLq

Alex Bessmertnov in HTML/CSS — русскоговорящее сообщество

Sad Beladen🍷

Получилось вот что, не то, что нужнло

Уберите обратно width: 100%; и выровняйте его по центру margin: 0 auto;
Второй вариант оставить блок 100% flex, а кнопам дать justify-content: center;

Третий вариант просто кнопкам дать text align center, если они инлайновые

источник

18:23пожаловаться #8

Dmytro Svyrydenko in HTML/CSS — русскоговорящее сообщество

Dmytro Svyrydenko