CSS中自带的改善滑动的方法，以及弹性布局中的一种比较少见的居中方法

锋芒神话霜

于 2019-12-26 01:02:14 发布

阅读量169

点赞数

分类专栏： cyh的前端学习之路

本文链接：https://blog.youkuaiyun.com/qq_34471916/article/details/103707674

版权

40 篇文章

订阅专栏

本文深入探讨了CSS中.menu-inner类的使用技巧，包括left-bar的宽度设定、背景颜色、滚动条优化及item-text的对齐方式。特别关注了只在iOS上生效的触摸滚动效果实现方法以及弹性布局下元素的居中显示策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.menu-inner .left-bar{
  width: 85px;
  background-color: #efefef;
  overflow: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.menu-inner .item-text{
  line-height: 1.6rem;
  align-self: center;
  text-align: center;
}

在这里插入图片描述

-webkit-overflow-scrolling: touch;（只支持IOS，但是可以通过npm里的好东西解决）
align-self: center;（只在弹性布局中有用）