IE8兼容模式：滚动条隐藏内容

Question

当我在IE8兼容模式下尝试以下代码时，滚动条会隐藏内容。

<style>
.myclass {
    overflow: auto;
    width: 400px;
}
</style>
<div class="myclass">
ReallyLongTextHere123456789012345678901234567890123456789012345678901234567890
</div>

仅当存在没有空格的长字符串时才会发生这种情况。其他浏览器和较新版本的IE8正确显示。

有没有办法解决这个问题，而不会影响它在其他浏览器上的显示方式？

Answer 1

.myclass {
    overflow: auto;
    width: 400px;
word-wrap:break-word;
}

像这样修改你的CSS。