Здравствуйте, как центрировать table при клике, таблица раскрывающиеся?

у меня div и в нем прайс лист , сделал раскрывающийся прайс при клике, только вот если к этому table у оставить display block то при margin: 0 auto таблица центрируется а если оставлять блок невидимым чтоб при клике раскрылся то таблица не центрируется
margin не помогает.
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
Seasle
@Seasle Куратор тега JavaScript
Помог - отметь решением \( ゚ヮ゚)/
На основе песочницы, таблицу оборачиваем в «обёртку», например в div.wrapper. В CSS для .wrapper пишем
.wrapper {
  display: flex;
  justify-content: center;
}
, у .table убираем display: none и ставим его в .wrapper. Для селектора .price:hover ~ .table меняем .table на .wrapper
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
HistoryART
@HistoryART
Молодой и дерзкий
CSS(Предварительно обернём таблицу в блок .block):
.block {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

Свойства погуглите, ничего сложного
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы