文本溢出：省略號不能在chrome中工作61.0.3163.100

更新後不起作用。文本溢出：省略號不能在chrome中工作61.0.3163.100

CSS：

.outer { 
    display:block; 
    width: 100px; 
    padding-top: 6px; 
    font-size: 13px; 
    color: #666; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

.inner { display: inline-block }

//添加分號

<span class="outer"> 
    01 
    <span class="inner">|</span> 
    The first step. 
</span>

這是實際的代碼。

來源

2017-09-22 SiHyung Yu

使你的代碼可在網上 – krishnar

這是工作不是一個問題。 –

哦，我的錯。實際的代碼有一個分號。 –

檢查其工作。你缺少分號後display:block

div{ 
 

 
    display:block; 
 
    width: 100px; 
 
    padding-top: 6px; 
 
    font-size: 13px; 
 
    color: #666; 
 
    text-overflow: ellipsis; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 

 
    }

<div>afewfafwfawfawfawfawfawfawfawfawefawfawfawfawfawfawfwafawfawfawfwafawfwaf</div>

來源

2017-09-22 05:36:05 krishnar

.my-elm { 
 
    display:block;  
 
    padding-top: 6px; 
 
    font-size: 13px; 
 
    color: #666; 
 
    text-overflow: ellipsis; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    width: 50px; 
 
}

<div class="my-elm">This is demo text.</div>

來源

2017-09-22 05:36:32

文本溢出：省略號不能在chrome中工作61.0.3163.100

回答

相關問題