如何根据字母长度更改css选项卡的宽度？

Question

它是css的标签菜单。我试图在一个标签中写一个长名称，以便它的位置 你可以查看以下链接上的图片：

这是原始的：  

当我改变css

.tabs {width:100%;overflow:auto;}
.tabs li {float:left;padding-right:1px;}
.tabs .end {padding:0}
.tabs a {display:block;width:66px;font-size:13px;line-height:31px;color:#fff;text-transform:uppercase;text-align:center;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;behavior:url(js/PIE.htc);position:relative;background:url(../images/tabs_bg.gif) bottom repeat-x #3081c8;text-decoration:none;p}
.tabs a:hover, .tabs .active {background:url(../images/bg_form.gif) repeat}
.tabs_cont {border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;behavior:url(js/PIE.htc);position:relative;background:url(../images/bg_form.gif) repeat;padding:30px 35px 28px;width:1000px;height:500px;}

这是HTML

 <ul class="tabs">
        <li><a href="#" id="changeText">inclusive Class</a></li>
        <li><a href="#" id="changeText2">inclusive Class</a></li>
        <li><a href="#" id="changeText3">inclusive Class</a></li>
        <li class="end"><a href="#" id="changeText5">inclusive Class</a></li>
    </ul>

请任何人帮我解决如何用长文本查看其原始位？

Answer 1

原因是您的ul（标签）位于article.col，其宽度为267px所以当您对100% {{ul说width时1}}它只会扩展那么多。

使它成为1000px。

还会移除tabs a宽度。

Answer 2

article.col1是问题所在。它有一个固定的width已定义..只需将其增加到100%，您就可以像以前一样工作了