[CSS]CSS:类目之间的竖线问题

2019独角兽企业重金招聘Python工程师标准>>>

现在就来说个淘宝首页上的一个小技巧。　　1、类目之间的横竖线　　从很久很久以前开始，类目间的竖线无非都只有三种。　　1、背景图　　在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。　　缺点：最后一个还是要用class来隐藏掉背景。　　2、符号　　在每个a标签之间用”|”符号来填充。　　缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。　　3、a标签右侧的boder。　　同背景图一样，只不过使用border-right来代替。缺点也同上。　　看到这里，可能已经有人打开淘宝首页用firebug查看源码来看是怎么做了。　　其实现有是利用ul的overflow:hidden 再将li的margin-left:-1px的做法做出来的。这样的做法就可以同时避免以上的缺点了。有时单单是给容器添加overflow: hidden，IE6很可能根本

转载于:https://my.oschina.net/xcntime/blog/6548

[CSS]CSS:类目之间的竖线问题相关推荐

一文讲透非标品的商品类目设计
www.pmcaff.com 本文为作者百转于社区发布只要做电商,商品类目设计就是绕不开的一环.好的类目设计能让供需双方更快.更好定义或找到所关心的商品,是整个电商体系的地基,是构建并链接各个模 ...
基于品类关系，虚拟类目如何建设？
小叽导读:类目-属性项-属性值体系(简称CPV)是淘宝建设中非常重要的基石,在商品的发布.管理,以及搜索场景下都大量应用.比如每个商品都有自己的类目.以及属性,而且需要发布在适合自己的类目下,才能够方 ...
弘辽科技：拼多多类目选错了有什么影响？怎么办？
在拼多多平台开店的话,商家是需要去选择店铺类目的,但是在不熟悉拼多多的情况下,难免会出现将主营类目选错的情况,那么拼多多主营类目错了该怎么办,有些什么影响了? 一.类目选错了怎么办? 1.你需要保证你 ...
浅谈淘宝类目属性体系：商品搜索背后的逻辑架构
转载自:http://www.geekpark.net/news/205894 摘要淘宝拥有百万家商户和超过10亿的商品数,它如何让用户精准地找到想要的商品呢?其背后有着强大的技术支撑. 淘宝目前在 ...
:empty css 可以用在哪些标签,CSS伪类:empty让我眼前一亮(实例代码)
最近看过我文章的都知道:我最近在负责一个微信小程序的项目,在其中遇到了很多有趣的事和一些"奇思妙想".本文的背景就是某天早上我看着wxml文件中一堆wx:if/else和hidde ...
css伪类元素加在元素前,CSS伪类:before在元素之前 :after 在元素之后实例讲解
本教程简单的介绍一下关于CSS伪类:before, :after详解,有需要了解的朋友可以参考一下下. :before 伪元素在元素之前添加内容这个伪元素允许创作人员在元素内容的最前面插入生成内容. ...
CSS 类选择器详解——CSS 多类选择器
类选择器允许以一种独立于文档元素的方式来指定样式. CSS 类选择器类选择器允许以一种独立于文档元素的方式来指定样式. 该选择器可以单独使用,也可以与其他元素结合使用. 提示:只有适当地标记文档后, ...
css nth-child_比较CSS伪类：nth-child与nth-of-type
css nth-child CSS has a number of pseudo-classes to help you style your app with ease. Having lots o ...
CSS伪类选择器详细讲解
前言伪类选择器在CSS中起到的作用可以说是至关重要的,如果CSS没有伪类选择器,有很多效果都要借助js来完成,这样不仅代码量增加,维护起来你难度也大.这样程序员的工作量大,也违背了CSS诞生的作用, ...

[CSS]CSS:类目之间的竖线问题

[CSS]CSS:类目之间的竖线问题相关推荐

最新文章

热门文章