jQuery标签宽度问题

时间:2013-10-02 10:42:14

标签: javascript jquery css tabs width

在Dreamweaver中使用jquery选项卡时,我的选项卡宽度存在问题。

我希望4个标签跨越内容框的整个宽度,因此100%总计,每个标签25%,对吧?唯一的问题是当我选择25%时,我的第四个标签会向下移动一行。在标签向下移动之前,我可以获得的最大宽度为24.7%,但这会在内容框的末尾留下一个小小的半边。

这表明在某个地方有一些我没有考虑过的填充,但我似乎无法找到任何填充。

有人有什么想法吗?

由于

更新:标签上的代码

.ui-tabs{
position: relative;
padding-top: 0em;
padding-right: 0em;
padding-left: 0em;
padding-bottom: 0em;
zoom: 1;
border-radius: 10px;
margin-top: 40px;
/* [disabled]width: 100%; */
}.ui-tabs .ui-tabs-nav{
margin: 0;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
position: absolute;
top: -32px;
left: -1px;
width: 100%;
}.ui-tabs .ui-tabs-nav li{
list-style: none;
float: left;
position: relative;
top: 0;
margin-top: 1px;
margin-left: 0;
margin-bottom: 0;
border-bottom: 0;
white-space: nowrap;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 25%;
}.ui-tabs .ui-tabs-nav li a{
float: left;
padding-top: .5em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: .5em;
text-decoration: none;
}.ui-tabs .ui-tabs-nav li.ui-tabs-active{
margin-bottom: -1px;
padding-bottom: 1px;
}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{
cursor: text;
}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{
cursor: pointer;
width: 0%;
}.ui-tabs .ui-tabs-panel{
display: block;
border-width: 0;
padding-top: 1em;
padding-right: 1.4em;
padding-left: 1.4em;
padding-bottom: 1em;
}

0 个答案:

没有答案