element-ui的日历组件el-calendar高度咋调小

本文主要是介绍element-ui的日历组件el-calendar高度咋调小，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近项目首页有个空余 不知道放啥 打算放个日历card 充充位置， el-calendar日历组件的整体宽度可以用el-row el-col :gutter :span来控制自适应 但是官网文档没说高度咋缩小

细长一条好难看

自己尝试改了改element的样式没整出来 最后照着这位博主的方法改是好使滴

http://t.csdnimg.cn/SHpx8

稍微改了一下

  .el-calendar-table .el-calendar-day{width: 100%;height: 30px;text-align: center;}

如果当前css不生效 可以给父元素个类个 .类名 /deep/ .el-calendar-table .el-calendar-day

这里我的整个系统就用这一个日历 也不会样式重叠 就没给单独加类名

改之后的效果：

这篇关于element-ui的日历组件el-calendar高度咋调小的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---