两字之间竖线的正确用法

开发工具与关键技术:DW、css3旋转
作者:何炳楠
撰写时间:2019.2.9
做导航栏时总会遇到在两字之间要竖线隔开,而没有接触到这种的第一时间想到的是在HTML中两字之间直接加上竖线,再在css中调试就可以了,而你会发现根本就弄不了那种效果
看看错误的用法,截图如下:
两字之间竖线的正确用法
两字之间竖线的正确用法
事实上在css中调试不了竖线在中间的位置,或者在li标签外加上竖线也是没有那种效果
这时候需要有每一个内容都有特定的范围,像乙有自己的位置,定义内容对的类,用before表示,其他也行
看实现代码:
两字之间竖线的正确用法
两字之间竖线的正确用法
设置left为0,表示在乙的位置上设置竖线向左靠齐