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

导航中的小竖线总结

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

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


方法一：!important;的应用

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

.xxx{
  1. background: none !important;
}注释：所有被!important;标记的样式，即使后来被重写，浏览器也只会采用被标记的那一条（即 没有背景）


方法二：overflow：hidden；的应用

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


点击这里免费试用，快速创建您的专属小程序
标签： 微信小程序 小程序 小程序是什么

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

相关资讯

招商热线

17304402882

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

深圳市咫尺网络科技开发有限公司©2015 咫尺网络 粤ICP备14097199号 工商网监电子标识