列表项与上面一行的边框对齐

时间:2014-01-27 04:09:22

标签: html css list alignment

我有一个使用无序列表实现的导航标签列表,活动的标签会突出显示,并带有边框。

标签的问题是,一旦活动项目设置为采用边框:

border: 1px solid #ff0000;

下一行的第一项将在其后对齐。

这个例子会告诉你我的意思: http://jsfiddle.net/stevenjs/JQawf/

如果我删除边框,一切都会好的。

有人能帮帮我吗?非常感谢你!

1 个答案:

答案 0 :(得分:0)

我不确定您是否在此处有任何限制,但您可以将border: 1px solid transparent添加到您的所有li,这将使它们保持一致的大小

JSFIDDLE