jQuery/CSS 导航，无法将 "fnutt"获取到中心

Question

我无法解决这个 CSS/jQuery 的小问题。

我希望菜单下的“fnutt”位于每个 <li></li> 的中心 如果您看一下我的 jsfiddle，我想您会明白我的意思。

http://jsfiddle.net/pJjRg/

Answer 1

您需要进行以下更改:

#menu ul li  { 
    position: relative;
    ...
}

.triangle {
    ...
    position:absolute; 
    bottom:-7px; 
    left:50%; 
    margin-left: -8px
}

通过在父 li 元素上设置 position: relative，绝对定位的 .triangles 现在相对于 li 定位然后只需将它们定位在 bottom left 和 margin 即可。

http://jsfiddle.net/pJjRg/21/