宽度jquery选项卡

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

该站点是tinyurl.com/ccs7blz，选项卡位于右侧（detalle等）

---

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

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

.tabsContent {
    padding: 0px;
}

---

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

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

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

自定义js文件（或html中的脚本标记）

如果你想做更多的事情，也有很多选项可以定制

---

编辑：CSS解决方案

如果你想要一个CSS的唯一方式，可能有一些更容易的事情你可以做。在菜单的

选择器上似乎没有任何修改器。如果将整个菜单的百分比（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>

---

这将使菜单扩展到整个包含分区。

一些代码将是一个很好的起点！请把你的代码缩减到一个最小的样本，然后直接在问题中发布。我刚刚放了一个特定站点的链接。对不起，我只是新来的。如果需要的话，我可以发布我在标签页上使用的jquery文件。我以前试过，但不起作用。现在就这么做了。这让我快发疯了。谢谢，我以前也试过，但没用。我会再给你一次机会。我只是又做了一次，但也没有成功。我不太懂javascript，但我认为我做错了什么。我的服务器上有脚本，我在head部分链接，然后打开一个脚本：$（'.my nav selector'）.horizontalNav（{}）；但它不起作用。我编辑了我的答案，尝试新的解决方案，它应该会起作用。我在Firebug上测试了你的网站，效果很好。嗨，谢谢你的回答！我面临的问题不是五元素侧栏，而是右侧的三个按钮（detalle、envios y devoluciones和Guia de Tallas）。非常感谢你的奉献。我无法让它工作，但几乎（对不起，正在24小时不间断地解决这个问题，我精神疲惫）。有三个元素，如果我应用33%或30%的witdh，它们是分开的，但是中间的选项卡（Envíos y Devoluciones）有一个问题，我认为是因为它是长文本。

ul li {
width:20%;

}