const WeekDay = styled.div` flex: 1; background-color: cornflowerblue; font-size: 12px; line-height: 16px; text-align: center; color: rgba(0, 0, 0, 0.65); `; 里面的文字想要居中，应该如何做

可以在 `styled.div` 的样式里添加 `display: flex;` 和 `align-items: center;` 两个属性来实现文字居中，例如：

const WeekDay = styled.div`
  flex: 1;
  display: flex;
  align-items: center;
  background-color: cornflowerblue;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
`;

这样设置后，文字就会在 `WeekDay` 容器中垂直居中了。

相关问题

const WeekDay = styled.div flex: 1; background-color: cornflowerblue; font-size: 12px; line-height: 16px; text-align: center; color: rgba(0, 0, 0, 0.65);; 里面的文字想要居中，如果不适用flex，应该如何做

如果不使用 `display: flex`，你可以使用 `text-align: center` 属性来让文字水平居中，同时使用 `line-height` 属性来让文字垂直居中。例如：

const WeekDay = styled.div`
  flex: 1;
  background-color: cornflowerblue;
  font-size: 12px;
  line-height: 50px; /* 假设 WeekDay 容器的高度为 50px */
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
`;

这样设置后，文字就会在 `WeekDay` 容器中水平居中，同时垂直居中了。但是需要注意的是，这种方法只适用于单行文本的情况，如果文字内容多行，则需要使用其他方法来实现垂直居中。