Html CSS-文本溢出不适用于基于百分比的div

在我的div中，它定义了基于百分比的

宽度。但是
文本溢出
没有像我预期的那样工作

如何管理


div{
宽度：50%/*而不是给500px的作品*/
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面发布软件的发布而流行，包括Lorem Ipsum版本。

您缺少了一个

width

属性之后添加code>，因此忽略其他属性。。因此，即使您的

宽度

也不会被应用，也不会出现

空白

，因为前面的语句没有以

结尾

div {
    width:50%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin: auto;
}

您缺少一个
width
属性之后添加code>，因此忽略其他属性。。因此，即使您的
宽度
也不会被应用，也不会出现
空白
，因为前面的语句没有以
结尾

div {
    width:50%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin: auto;
}

主要问题是
width
属性后面缺少分号（；）。因此，它忽略了前两个属性。缺少结束分号，两个属性都被识别为一个属性

div {
     width:50%; /* instead giving 500px works!*/
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

主要问题是
width
属性后面缺少分号（；）。因此，它忽略了前两个属性。缺少结束分号，两个属性都被识别为一个属性

div {
     width:50%; /* instead giving 500px works!*/
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

唯一的问题是分号，省略号也适用于百分比。
您的代码将很好，一旦添加分号，唯一的问题就是分号，省略号也适用于百分比。
一旦添加分号，代码就可以了