Question

这是asp.net页面的一部分。

<style>
.container-multiline{
display: table;
}
.row-multiline{
display: table-row;
}
.left-multiline, .right-multiline{
display: table-cell;
}
.examCellRight{
border: none; padding:0
}
.examCellLeft{
border: none;
width: 90px;
padding:0;
}
.exam-comment-label{
width: 88px;
padding: 0;
vertical-align: top;
text-align: right;
}
.examCellCommentRight{
border: none; padding-left:5px
}
.exam-comment-data{
border: none; padding-left: 5px
}
.wrap-long-word{
        max-width: 490px; 
        word-wrap: break-word;
}
</style>

<div class="container-multiline">
                <div class="row-multiline">
                    <div class="left-multiline examCellLeft exam-comment-  label">
                        <label  class="exam-label- color">Comments:</label>
                    </div>
                    <div class="right-multiline examCellCommentRight exam-comment-data wrap-long-word">
                        <label  >Loooooooooooooooooooooooooooooooooooooooooooooooongcontinuoussentence!</label>
                    </div>
                </div>
            </div>
    </div>

问题出在标签上，显示一个没有任何空格的loooong句子。问题仅发生在IE和FireFox中，而不是Chrome中。在这种情况下，句子超出了界限。最大宽度：490px;和自动换行：break-word;在wrap-long-word类中修复它，但现在的问题是它不可调整大小。例如，使用此宽度，它不会覆盖整个可用宽度。我尝试用div或span更改标签元素，但仍然无法正常工作感谢

Answer 1

word-wrap: break-word仅与每个浏览器的最新版本兼容。为确保向后兼容（对IE8），请结合使用word-break: break-all;或代替word-wrap。

如何在IE和Firefox中处理没有空格的长句子

1 个答案: