Html 文本溢出:省略号不适用于内联flex

Html 文本溢出:省略号不适用于内联flex,html,css,flexbox,Html,Css,Flexbox,当我使用display:inline flex或display:flex时,为什么文本溢出:省略号不起作用?我的要求是我必须使用flexbox .test{ 显示:内联flex; 线高:24px; 宽度:200px; 空白:nowrap; 文本溢出:省略号; 溢出:隐藏; 背景:青色; } Lorem ipsum dolor sit amet,奉献精英。Quam,itaque,在错误的情况下,将铜酸盐静脉注射到了除类似实验室外的面部微小分子的临时位置。 似乎文本溢出:省略号对匿名flex项不

当我使用
display:inline flex
display:flex
时,为什么
文本溢出:省略号不起作用?我的要求是我必须使用flexbox

.test{
显示:内联flex;
线高:24px;
宽度:200px;
空白:nowrap;
文本溢出:省略号;
溢出:隐藏;
背景:青色;
}

Lorem ipsum dolor sit amet,奉献精英。Quam,itaque,在错误的情况下,将铜酸盐静脉注射到了除类似实验室外的面部微小分子的临时位置。

似乎
文本溢出:省略号
对匿名flex项不起作用。将文本包装在
span
中,并在此处应用省略号

.test{
显示:内联flex;
线高:24px;
宽度:200px;
空白:nowrap;
背景:青色;
}
跨度{
文本溢出:省略号;
溢出:隐藏;
}

Lorem ipsum dolor sit amet,奉献精英。奎姆,伊塔克,
在错误情况下,铜酸盐静脉进入临时性静脉
说明除相似劳动外的面部小耳

尝试在父级
div
上设置
内联flex
,如下所示:

.test{
线高:24px;
宽度:200px;
空白:nowrap;
文本溢出:省略号;
溢出:隐藏;
背景:青色;
}
.家长组{
显示:内联flex;
}

Lorem ipsum dolor sit amet,奉献精英。Quam,itaque,在错误的情况下,将铜酸盐静脉注射到了除类似实验室外的面部微小分子的临时位置。

Ahh你比我快:缺陷报告说问题“已解决”且“无效”,所以我不确定它是否适用。