Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Flexbox和文本溢出:省略号don';不混?_Css - Fatal编程技术网

Css Flexbox和文本溢出:省略号don';不混?

Css Flexbox和文本溢出:省略号don';不混?,css,Css,我的代码非常简单: div{ 宽度:400px; 空白:nowrap; 溢出:隐藏; 文本溢出:省略号; } #弯曲{ 显示器:flex; } 我正在发短信。我会溢出来的。当我溢出时,结尾应该有一个省略号。 我正在发短信。我会溢出来的。当我溢出时,结尾应该有一个省略号。 根据W3C规范,这是预期的行为,即: 文本溢出() 此属性指定内联内容溢出时的呈现 块容器元素(“块”)在其内联进程中 具有“溢出”而不是“可见”的方向 Flex() Flex容器是非块容器 你不能把溢出的东西放在FlexB

我的代码非常简单:

div{
宽度:400px;
空白:nowrap;
溢出:隐藏;
文本溢出:省略号;
}
#弯曲{
显示器:flex;
}

我正在发短信。我会溢出来的。当我溢出时,结尾应该有一个省略号。
我正在发短信。我会溢出来的。当我溢出时,结尾应该有一个省略号。

根据W3C规范,这是预期的行为,即:

文本溢出() 此属性指定内联内容溢出时的呈现 块容器元素(“块”)在其内联进程中 具有“溢出”而不是“可见”的方向

Flex() Flex容器是非块容器


你不能把溢出的东西放在FlexBox容器上,你需要把它放在子元素上

.box{
显示器:flex;
宽度:300px;
}
.内容{
空白:nowrap;
溢出:隐藏;
文本溢出:省略号;
}

Lorem ipsum dolor sit amet,奉献精英。Expedita magnam dolore、ipsam建筑设计师、amet iusto。我们的发明者——我们的工作人员——阻止了我们的生命,我们的生命,我们的劳动!

似乎。。。那太令人失望了。有没有办法让flex容器表现得像
内联块
或类似的东西?@NiettheDarkAbsol-不是我想的,但如果我挖到任何东西,就会恢复:)