如果所有子元素想等分父元素，需要在子元素上设置什么属性

如果你想要所有子元素在父元素中平均分配空间并等间距排列，可以使用CSS的Flexbox布局或者Grid布局。下面是各自的做法：

1. **Flexbox**:
- 设置父元素的样式为 `display: flex;`，启用flex模式。
- 为了等间距和等分空间，不需要在每个子元素上设置特殊属性。只需确保它们不是块级元素（如`display: block;`），默认情况下，Flex容器会平均分配剩余空间给它的直立（flex-grow）子元素。

   .parent {
     display: flex;
     justify-content: space-between; /* 按需调整对齐方式，例如居左、居右或居中 */
     gap: 10px; /* 子元素之间的间隔 */
   }

2. **CSS Grid**:
- 设置父元素的样式为 `display: grid;`，启用grid布局。
- 对于等分，使用 `grid-template-columns` 和 `repeat(auto-fill, [size]);` 来创建自动填充的等宽列，或者用 `auto-fit` 创建自适应大小的列。

   .parent {
     display: grid;
     grid-template-columns: repeat(auto-fill, 1fr); /* "1fr" 表示等份空间 */
     grid-gap: 10px;
   }