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

这是css的选项卡菜单。我试着在一个标签上写一个很长的名字，这样它就可以定位了 您可以查看以下链接上的图像：

这是原始版本：

当我在css中更改时

这是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>

---

请任何人帮我看看如何用长文本查看它的原始位？

原因是你的

ul

（标签）在

文章中。col

的宽度为

267px

，所以当你说

ul

width

的

时，它只扩展了那么多

让它变成1000像素

同时删除
选项卡
a
宽度。
文章。col1
是问题所在。它有一个固定的
宽度
定义。只要将它增加到
100%
，你就可以让它像以前一样工作了
李的父母不够宽。那么你能给我一个完美的代码吗Pankucins先生？还是不合适innovativeartz.com/problems/再次。png@dani1你能创建一个jsfiddlewell吗？转到jsfiddle.net左上角代码获取html，右上角获取css。就这样。您不需要javascript@dani1来运行代码。然后点击保存并发送linkon浏览器，这是一个问题：（它看起来很好。除了左边看起来像是被裁剪了
 <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>