CSS：带有＆＃39;省略号的截断文字＆＃39;溢出＆＃39;隐藏＆＃39;在引导程序选项卡名称中

Question

如何在bootstrap-tabs中使用椭圆函数？

您可以直接在我的网站上查看问题，因此我认为最好看看我的问题：

  

包含6个标签的个人资料：   http://chris.lunatics-carclub.at/profil_stackoverflow/9

     

包含3个标签的个人资料：   http://chris.lunatics-carclub.at/profil_stackoverflow/1

• 请注意：它是一个测试网站（homeserver）

  

如果您在浏览器中调整视口大小，则会出现问题：   

6个标签应该是最大数量，正常我需要2到3个标签。 但是，如果某人有更多＆＃34;汽车＆＃34;（=标签）然后正常，它也应该正确显示。

如果我通过PHP截断字符串，我无法使其响应，所以我希望有一种方法可以通过CSS来实现。

  

CSS

.o_ellipsis {   
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;        
}

  

HTML

<ul id="myTab" class="nav nav-tabs nav-justified">
<li class="active o_ellipsis"><a href="#tab_1" data-toggle="tab"><i class="fa fa-user"></i> {name}</a></li>
<li class="o_ellipsis"><a href="#tab_car_1" data-toggle="tab"><i class="fa fa-car"></i> {name2}</a></li>
<li class="o_ellipsis"><a href="#tab_car_2" data-toggle="tab"><i class="fa fa-car"></i> {name3}</a></li>
</ul>