文本溢出：省略号不能在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

回答

相关问题