无法设置最大宽度

因此,在CSS中,可以设置 word-wrap property 到 break-word 这样,您的文本字符串(不带空格)将适合最大宽度:

例如。

<style type="text/css">

#content {
    max-width: 50px;
    word-wrap: break-word;
}

</style>

那么,为什么你没有在你提供的链接页面上得到预期的结果,是因为你使用的是 span 而不是 div .

添加

display: block;

以你的风格。

如果你用自己的例子,你会发现 it works just fine . 链接到的网页使用 span 元素,默认情况下是内联元素。内联元素不能有宽度或高度。如果要设置跨度元素的最大宽度,请将其显示设置为块或内联块:

<span id="content" style="max-width:50px; display:block;" >  
testingtestingtestingtestingtestingtestingtestingtestingtesting  
testingtestingtestingtestingtestingtestingtestingtesting  
testingtestingtestingtestingtesting  
</span>

#content {
    max-width: 50px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

您可能想删除 display: inline-block; 取决于元素的上下文。