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-不是我想的,但如果我挖到任何东西,就会恢复:)