文本溢出:省略号在 IE 上不起作用

本文介绍了文本溢出:省略号在 IE 上不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在也适用于 IE 10！我的实现有什么问题?我也尝试添加 -ms-text-overflow:ellipsis，但没有任何运气.

解决方案

删除 word-wrap: break-word 属性应该会有所帮助.

In this page there are some links at the left sidebar that get cropped with:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

In Firefox/Chrome it's displayed properly:

Unfortunately Internet Explorer 8/9/10...:

The problem isn't IE 10 support for text-overflow:ellipsis.. for example this works on IE 10 too! What's wrong with my implementation? I also tried to add -ms-text-overflow:ellipsis, without any luck.

解决方案

Removing the word-wrap: break-word property should help.

这篇关于文本溢出:省略号在 IE 上不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！