微信小程序> 导航中的小竖线总结

导航中的小竖线总结

浏览量:5548 时间: 来源:子君不语

对于那种小竖线在一级菜单左侧的处理方法


方法一:!important;的应用

首先对每一个li元素添加背景图片(小竖线),对于第一个(一般为首页)选项添加单独的类xxx,样式定为

.xxx{
  1. backgroundnone !important;
}注释:所有被!important;标记的样式,即使后来被重写,浏览器也只会采用被标记的那一条(即 没有背景)


方法二:overflow:hidden;的应用

对父类元素overflow:hidden;子元素设置背景(小竖线)之后,全部往左侧偏移(margin-left:-2px;)一个或2个像素(取决于小竖线的宽度)此时需要对li元素进行padding-left的设置,以避免元素内容与小竖线重合失去效果,padding-left长度根据设计图显示间距为准


版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎