Html Flexbox"；nowrap"；值为'；行不通

这是我的代码中不起作用的部分：

。版权所有{
显示器：flex；
柔性包装：nowrap；
/*这不起作用*/
颜色：红色；
}

样品









我想从图标上留下这个

我只需要用

更新

---

或者我可以为

p使用
display:block
只需要一个普通的包装器，比如div和display flex


div{
显示器：flex；
}

样品









我想从图标上留下这个




它不起作用，因为
flex-wrap:nowrap
适用于flex项目，而不是项目内的文本。您需要以
空白：nowrap
作为文本目标

.copyright {
     display:flex;
     flex-wrap: nowrap;   /* will prevent flex items on the same line from wrapping */
     white-space: nowrap; /* will prevent text from wrapping */
}

您希望在一行中按顺序看到哪些元素或图标，然后将它们放在具有flex的div元素中。
而且，您不需要flex-wrap属性，就像正确的html顺序一样，只需要一个display:flex属性就可以处理大部分事情

请参见此处


icon1>
icon2
icon3

输出：icon1 icon2 icon3

通过下面的链接了解flexbox的基本知识，这是可以理解的，当你掌握flexbox的时候，它肯定会让你的生活更轻松

此HTML结构非常疯狂此HTML代码存在多个问题。虽然大多数浏览器容忍糟糕的html，但无法知道他们将如何解释它。在这种情况下，
…
最终超出了对Firefox的理解范围（当它看到
时，它只是关闭了。一些问题：
不能在内，也不能在内。应该有
或
左右。在确定代码“不工作”或试图调试它之前，最好先通过HTML验证程序运行代码。