设置元素为display:flex后，哪些属性会失效呢？为什么？

设置元素为display:flex后，以下属性会失效或表现不同：

1. float、clear属性：在Flex布局中，子元素的float和clear属性会失效。这是因为Flex布局是一种现代的布局方式，它允许我们更灵活地控制元素的对齐、方向和顺序，而float和clear属性是基于传统的文档流布局设计的，所以在Flex布局中不再适用。
2. vertical-align属性：同样地，vertical-align属性在Flex布局中也会失效。这个属性原本用于控制行内元素（如文本）的垂直对齐方式，但在Flex布局中，元素的对齐是通过align-items、align-self和justify-content等属性来控制的。
3. text-align属性：虽然text-align属性不会完全失效，但它在Flex布局中的表现可能与预期不同。在Flex布局中，text-align属性只会影响元素内部的文本对齐方式，而不会影响元素自身在容器中的对齐方式。

为什么这些属性会失效或表现不同呢？主要是因为Flex布局与传统布局方式（如文档流布局）有着本质的区别。Flex布局提供了一种更强大、更灵活的方式来控制元素的布局，它允许我们定义元素在容器中的对齐方式、排列顺序和尺寸等属性，而这些属性在传统布局中通常是通过float、clear、vertical-align等属性来控制的。因此，在使用Flex布局时，我们需要使用新的属性和方法来控制元素的布局，而不再依赖这些传统的属性。

总的来说，设置元素为display:flex后，我们需要使用Flex布局提供的属性和方法来控制元素的布局，而不是依赖传统的布局属性。这样可以确保我们的布局更加灵活、可控，并且能够适应不同的屏幕和设备。