文本溢出：尽管使用了所有必要的 css 先决条件，但省略号不起作用

Question

我不明白为什么文本溢出省略号属性在这里不起作用...

HTML:

<div class='overflowTest'>
   Long long long long long long text
</div>

和CSS：

.overflowTest {
   overflow: hidden; 
   white-space: no-wrap; 
   text-overflow: ellipsis; 
   background-color: red; 
   -webkit-border-radius: 12px; 
   -moz-border-radius: 12px; 
   border-radius: 12px; 
   margin:4px; 
   padding:4px; 
   width: 46%; 
   height:30px; 
   font-size: 12px; 
   padding-top:7px; 
   font-style: normal; 
   float: left; 
}

它的溢出设置为隐藏，white-space 设置为不换行，文本溢出设置为省略号，它也有一个给定的宽度（尝试将其从百分比更改为固定数字，仍然没有' t 工作），我错过了什么？

这里还有一个fiddle： https://jsfiddle.net/9xhrs2nj/

Answer 1

nowrap 中没有连字符。

Updated Example

应该是：

white-space: nowrap;

而不是：

white-space: no-wrap;

文本溢出：尽管使用了所有必要的 css 先决条件，但省略号不起作用

Text-overflow: ellipsis not working, despite using all necessary css prerequisites

html

css

overflow