html - 列表元素与上一行带有边框的元素对齐

标签 html css list alignment

我有一个使用无序列表实现的导航选项卡列表,事件的选项卡将突出显示并带有边框。

选项卡的问题在于,一旦将事件元素设置为带有边框:

border: 1px solid #ff0000;

下一行的第一个元素将在它之后对齐。

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

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

谁能帮帮我?非常感谢!

最佳答案

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

JSFIDDLE

关于html - 列表元素与上一行带有边框的元素对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21372880/

相关文章:

html - z-index 对 Angular Directive(指令)中的元素没有影响

java - 合并几乎相等的数据列表的值

Python加快dict迭代列表

c# list<int> 如何在两个值之间插入一个新值

javascript - 将外部 HTML 和 JS 注入(inject)页面

html - 在中间对齐输入

javascript - 函数参数可以传递到字符串中吗?

javascript - jQuery 可拖动错误(元素与光标不对齐)

javascript - 当有人进入网站时制作弹出窗口

css - col-*-offset-0 在 bootstrap 中有什么用?