jquery - 宽度 jquery 选项卡

Question

我试图修复一些朋友的网站。我已经实现了一些 jquery 选项卡，但是我找不到使选项卡在容器内充满或至少居中的方法。我已经花了 20 多个小时试图解决这个问题，但我完全卡住了。我认为是一个非常简单的事情，但我真的不明白。

该网站是 tinyurl.com/ccs7blz，标签位于右侧（detalle 等）。

有什么帮助吗？提前致谢。

score 0 · Accepted Answer

也许您可以通过编辑 style.css 第 59 行来获得完整宽度

.tabsContent {
    padding: 0px;
}

score 0 · Accepted Answer

有一个非常简单的 jQuery 插件可以为你做到这一点。

只需确保它正确链接到您的网站（以及 jQuery 库本身），然后添加

    $('.my-nav-selector').horizontalNav({});

到您的自定义 js 文件（或在您的 html 中的脚本标签中）。

如果还有更多您想做的事情，还有很多选项可以自定义它。

编辑：CSS解决方案

如果您只想要一种 CSS 方式，那么您可能会做一些更简单的事情。看起来<li>您的菜单选择器上没有任何修饰符。如果您将整个菜单的百分比 (100%) 除以菜单项的数量 (6)，您可以将该数字作为百分比宽度添加到 ul li。

例如，如果我有

ul {
width:100%;
}

我有 5 种不同的菜单项

<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
<li>Fifth</li>
</ul>

然后我将菜单宽度的百分比除以菜单项的数量：

100% / 5 个菜单项 = 20%；

所以我补充说：

ul li {
width:20%;

}

这应该使菜单分布在整个包含 div 中。

2 回答 2