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

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

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

现在就来说个淘宝首页上的一个小技巧。  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很可能根本 5783896.aspx

art01.gif

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

更多相关:

  • AGC是自动增益补偿功能(Automatic Gain Control),AGC可以自动调麦克风的收音量,使与会者收到一定的音量水平,不会因发言者与麦克风的距离改变时,声音有忽大忽小声的缺点。ANS是背景噪音抑制功能(Automatic Noise Suppression),ANS可探测出背景固定频率的杂音并消除背景噪音,例如:风扇、...

  • 原文出处: 韩昊    1 2 3 4 5 6 7 8 9 10 作 者:韩 昊 知 乎:Heinrich 微 博:@花生油工人 知乎专栏:与时间无关的故事   谨以此文献给大连海事大学的吴楠老师,柳晓鸣老师,王新年老师以及张晶泊老师。   转载的同学请保留上面这句话,谢谢。如果还能保留文章来源就更感激不尽了。 我保证这篇文章...

  • 原文出处: 韩昊   我保证这篇文章和你以前看过的所有文章都不同,这是 2012 年还在果壳的时候写的,但是当时没有来得及写完就出国了……于是拖了两年,嗯,我是拖延症患者…… 这篇文章的核心思想就是: 要让读者在不看任何数学公式的情况下理解傅里叶分析。 傅里叶分析不仅仅是一个数学工具,更是一种可以彻底颠覆一个人以前世界观的思维...

  • 很多Linux高手都喜欢使用screen命令,screen命令可以使你轻松地使用一个终端控制其他终端。尽管screen本身是一个非常有用的工具,byobu作为screen的增强版本,比screen更加好用而且美观,并且提供有用的信息和快捷的热键。 想象一下这样一个场景:你通过Secure Shell(ssh)链接到一个服务器,并...

  • NarrowbandPrimary Synchronization Signal时域位置每1个SFN存在一个NPSSSFNSubframeSymbol长度每个SFN5最后11个symbol11个symbols频域位置NB-IOT下行带宽固定180kHz,一个PRB,12个子载波。...

  •  [h1]反斜杠只能够阻止一个字符  [h2]位于键盘的左上角,和~公用一个键。...