为当前页面项目提供边框[关闭]答案

【问题标题】：to give a border for current page item [closed]为当前页面项目提供边框[关闭]
【发布时间】：2016-08-24 08:31:47
【问题描述】：

我尝试为当前页面提供border-bottom:2px。菜单项之间还有一个伪类，但伪类需要很长的边框宽度。我想要一个当前页面小宽度的边框 a

你可以在这里查看代码

https://jsfiddle.net/1mtcs757/37/

【问题讨论】：

我不明白你的问题，请改进你的问题。

标签： jquery html css wordpress twitter-bootstrap

【解决方案1】：

在您的 CSS 代码中添加 float:left 将修复您的菜单项边框问题。

.nav > li {
    position: relative;
    display: block;
    float: left;
}

【讨论】：

【解决方案2】：

已经尝试过你的 jsfiddle。就这样改吧：

#menu-menu-1 > li:before {
    position: absolute;
    top:  10px;
    right: -10px;
    content: ".";
    color: #000;
    /* padding-left: 10px; */
    display: inline-block;
}
#menu-menu-1 > li {
  margin-right: 10px;
  position: relative;
}

【讨论】：

兄弟它刚刚工作。谢谢你的想法。