导航中的小竖线--总结
来源:互联网 发布:淘宝买口服催情药 编辑:程序博客网 时间:2024/06/15 02:19
对于那种小竖线在一级菜单左侧的处理方法
方法一:!important;的应用
首先对每一个li元素添加背景图片(小竖线),对于第一个(一般为首页)选项添加单独的类xxx,样式定为
.xxx{
}
注释:所有被!important;标记的样式,即使后来被重写,浏览器也只会采用被标记的那一条(即 没有背景)
方法二:overflow:hidden;的应用
对父类元素overflow:hidden;子元素设置背景(小竖线)之后,全部往左侧偏移(margin-left:-2px;)一个或2个像素(取决于小竖线的宽度)
此时需要对li元素进行padding-left的设置,以避免元素内容与小竖线重合失去效果,padding-left长度根据设计图显示间距为准
0 0
- 导航中的小竖线--总结
- css中的竖线表示
- Silverlight中的导航总结
- Silverlight中的导航总结
- Makefile依赖关系中的竖线“|”
- 布局中的竖线和横线
- Makefile依赖关系中的竖线“|”
- Makefile依赖关系中的竖线“|”
- 小项目中的小总结
- Bootstrap导航栏中按钮间添加竖线分隔
- 调整Delphi代码编辑中的竖线位置
- android studio中的竖线怎么去掉
- Oracle中的连接小总结
- 工作中的一点小总结
- 工作中的一些小总结
- c#学习中的小总结
- QT中的小问题总结!
- 【综合】工作中的小总结
- Linux下USB设备的原理、配置、常见问题
- 【Kafka二】Kafka工作原理详解
- Android基础入门教程——7.5.6 WebView处理网页返回的错误码信息
- java.sql.Date.valueOf(String s)
- 窗体练习
- 导航中的小竖线--总结
- iOS支付[支付宝、银联、微信]
- java学习路线及书籍下载
- 开启多个线程访问数据库 NHibernate
- Android 学习之CalendarManager日历管理工具类
- 一致性Hash
- discuz当qq绑定超过5个网址时 如何解除绑定qq
- grails 事务 Transactional
- linux命令行计算器