@Skrolea

Как отцентрировать span с flexbox?

Добрый день. Делаю календарь. Сразу Codepen
Даты съезжают влево, не заполняют пространство по центру. Что я напутал?
.calendar-right__items {
  display:flex;
  flex-direction: row;
  justify-content: center;  
  flex:1;
  flex-wrap:wrap;
  background-color: #fff; 
  list-style: none;
  margin: 0;
  padding: 0;  
  align-items: stretch;
}
  span {
    display: flex;
      flex-basis: calc(100% / 7);     
      text-align: center;     
}
    a{
      border-radius: 50%;      
      width: 25px;
      height:25px;      
      display: block;    
    }
  
}

Codepen
  • Вопрос задан
  • 1168 просмотров
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.calendar-right__items {
  display:flex;
  flex-direction: row;
  /*justify-content: center;  */
  flex:1;
...
Ответ написан
Комментировать
Vlatqa
@Vlatqa Куратор тега CSS
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
если юзаешь flex, забудь о text-align, vertical-align итп. Используй только директивы флекса
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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