Question

如果范围超出线条大小，我试图显示一行句子后跟三个点（...）。

我使用了下面的CSS，它在Mozilla和Chrome上运行良好，但在IE 11上不起作用。

display: block;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 20px;

如果这是由于IE11上针对此省略号的任何版本问题或者是否有修复问题，请告诉我。

Answer 1

IE11支持white-space：nowrap; ＆安培;文本溢出：省略号;

试试这个

h2 {
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    padding-right: 20px;    
}

Answer 2

尝试使用此代码，它将在IE 11中运行

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

Answer 3

对于IE，省略号仅在<input id="textbox" type="number" value="522.5886"/>属性设置为readonly或readonly的情况下才能在输入字段上使用。

true

$('.all-javascript input').on('focusout',
function() {
  $(this).prop('readonly', 'readonly')
})

$('.all-javascript input').on('focusin',
function() {
  $(this).prop('readonly', false)
})

div {
  margin: 40px 20px;
}

input {
  width: 300px;
  display: inline-block;
  white-space: nowrap 
  overflow:hidden;
  text-overflow:ellipsis; 
}

为什么我不能让Ellipsis在IE 11上工作

3 个答案: