我是網(wǎng)絡(luò)開發(fā)的新手。在這里，我試圖為span元素添加省略號(hào)，該元素在選項(xiàng)卡中被標(biāo)記。

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

現(xiàn)在，我正在嘗試為這個(gè)span文本添加文本溢出。我已經(jīng)應(yīng)用了下面的解決方案，

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

但是我仍然不能補(bǔ)充。有人能幫我嗎？

這是如何實(shí)現(xiàn)的:

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

該元素需要內(nèi)聯(lián)塊 您必須提供寬度屬性 你在省略號(hào)上打錯(cuò)了:)