用弹性和布局时,display:flex可以和display:none一起使用吗

肯定是不行的啦，CSS都只会认相同属性的最后一个，比如：.test{display:flex;dispaly:none}它应用的是display:none，就是不显示的意思。

经测试，当父元素使用flex，子元素使用none时，子元素不显示，且占位被清空。不能的。除非你不想让某个子元素显示。

弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。让一个盒子具有弹性布局的属性，要先给其加上样式display:flex；OK我们也会看到有写的是display:box/display:flexbox；其实他们只是不同时期...

所以你的display出现两次的话，会认最后一个，也不太理解，为什么你又要用display:none.

弹性盒子布局 1.flex-direction属性 取值：row(默认) | row-reverse | column | column-reverse 用于控制项目排列方向与顺序，默认row，即横向排列，项目排列顺序为正序1-2-3；row-reverse同为横向排列，但项目顺序为倒序3-2-1。column 与row相反，为纵向排列，项目顺序为正序1-2-3，column-...

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。使用 flex 布局首先要设置父容器display: flex，然后再设置justify-content:center实现水平居中，最后设置align-items: center实现垂直居中。ex：运行结果：justify-content和align-items...

更适合创建简洁的行内布局，如响应式导航菜单或列表项。总结来说，display：flex和display：inline-flex是现代CSS布局的核心，它们分别适用于需要复杂布局控制的块级元素和需要保持行内样式且具有弹性对齐的行内元素。通过灵活使用这两种属性，可以为你的网页设计带来更大的灵活性和适应性。

让两个div排在一起方法有也是有很多的。1.把两个div设置成行内元素，行内元素自然的会成为一行。display:inline-block。2.可以设置浮动，float。但父元素要清浮动。3.弹性布局,父元素设置display:flex;flex-direction:row。暂提供三个方案，或者还有更好的方法我也是想不到，希望有用。

以下是对display:flex的 1. 基本概念：display:flex是CSS中用于设置布局的一种方式。它允许开发者更容易地对其子元素进行对齐、排序和分布空间。通过使用flex布局，您可以更轻松地设计复杂的界面结构，而无需使用传统的定位方法。2. 核心特性：当容器设置为display:flex时，其直接子元素会成为flex项。这些...

由于子元素的显示顺序和它们在代码中的顺序是独立的，通过使用弹性盒，定位子元素变得更加简单，复杂的布局也能够使用更清晰的代码更简单的实现。独立显示被设定成只针对可见元素，而不是基于代码的声明和导航顺序。"display: block" 生成一个块元素盒。"display: flex" 的行为类似于块元件（ block ...