html - CSS UL 列表标签问题

标签 html css tabs

我创建了以下内容

enter image description here

而且我不知道如何修复选项卡之间的间距。

也许解决方案非常简单,但我想不出来。

我尝试了几种方法,但找不到解决方案。

请问有什么问题吗?

在这里您可以找到代码:http://jsfiddle.net/SFw6V/

最佳答案

问题出在tabs li

问题: display:inline-block 向右添加额外边距

两种解决方案:

  1. display:block & float:left
  2. margin-right:-4px;

工作 fiddle : http://jsfiddle.net/surendraVsingh/SFw6V/2/

更好的解释和不同的解决方案: http://css-tricks.com/fighting-the-space-between-inline-block-elements/

关于html - CSS UL 列表标签问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11272781/

相关文章:

html - Bootstrap 导航栏对齐

带有表单的 Javascript innerHTML

javascript - 如何使用 jquery/javascript 切换某些元素?

html - 为什么我的网站会自动覆盖我的 CSS 高度?

css - 与 Material UI 主题 react - 设置全局颜色变量

jquery - 在移动 View 中,我们希望显示每个 div 的 div 底部

javascript - HTML5 通知图像中的圆 Angular

ionic-framework - 如何在所有页面上显示 Ionic Tabs?

jquery - 如何为各个 JQuery 选项卡创建不同的键盘命令集?

javascript - 如何隐藏其他标签的内容,只显示选中标签的内容