我是網絡開發的新手。在這里，我試圖為span元素添加省略號，該元素在選項卡中被標記。

<div class="MuiTabs-scroller MuiTabs-fixed" role="tablist" style="overflow: hidden;">
   <div class="MuiTabs-flexContainer">
     <button class="MuiButtonBase-root MuiTab-root VIP_tabRoot MuiTab-textColorInherit Mui-selected VIP_tabSelected" tabindex="0" type="button" role="tab" aria-selected="true">
       <span class="MuiTab-wrapper VIP_tabIconWrapper">Test004</span>
    </button>
 </div>
</div>

現在，我正在嘗試為這個span文本添加文本溢出。我已經應用了下面的解決方案，

.VIP_tabIconWrapper { 
   max-width : 100px;
   text-overflow: elipses;
   word-wrap: no-wrap;
   white-space: nowrap;
}

但是我仍然不能補充。有人能幫我嗎？

這是如何實現的:

.VIP_tabIconWrapper { 
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100px;
    display:inline-block;
}

該元素需要內聯塊 您必須提供寬度屬性 你在省略號上打錯了:)