CSS使用boder设置网站导航竖线,且高度不超过文字高度的设置方法
CSS使用boder设置网站导航竖线,且高度不超过文字高度的设置方法
近期在给客户建设网站的时候,需要在导航栏目之间加竖线分割,PSD设计图如下:
如果直接使用boder的话,往往线的高度超出文字部分。这时可以使用inline-block
具体代码
.nav li a { color:#5b5b5b; font-size:16px; line-height:14px;//低于文字大小 padding: 0px 20px; border-right: 1px solid #a0a0a0; display: inline-block; *display: inline; }
本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/272.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
内容有用