Question

我在使用文本溢出和溢出隐藏时在IE8中遇到问题。虽然IE8正确修剪文本并从视图中隐藏其溢出，但带有截断文本的跨度仍会使父元素上的宽度变宽。

在span或其父元素上使用固定宽度工作正常但不幸的是我不能使用固定宽度。我尝试在截断的span元素上使用宽度：100％和max-width，以及在IE8中没有运气的情况下在父元素上放置最大宽度。

任何建议都会非常有用。

在这里小提琴：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<style type="text/css">

.containerDiv {
    float:right;
    border:1px solid green;
    overflow:hidden!important;
    zoom:1;
}
.textDiv {
     float:left;
     zoom:1;
     white-space: nowrap;
     display:block;
     max-width:128px;
     overflow:hidden;
     -ms-text-overflow: ellipsis;
     text-overflow:ellipsis;   
}
</style>
<body>
    <div class="containerDiv">
        <span class="textDiv">WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span>
    </div>
</body>
</html>

enter image description here

Answer 1

如果你尝试

怎么办？

 .textdiv {float:right; text-align:left;}

不能在ie8

上使用js小提琴

IE8文本溢出没有固定宽度

1 个答案: