父级左右元素

Question

有没有办法在从父级左右添加元素时均匀分布元素，父元素位于中间？

例

Answer 1

这是在解决您的问题(使用网格(吗？

#container{
display:grid;
grid-template-columns:repeat(3, auto);

border:solid 1px black;
}
#root{
grid-column:2;
grid-row:1/1000; /* If you know the number of element you can replace 1000 by nbElement/2 */
background-color: red;
}
.element{
background-color:grey;
}

<div id='container'>
<div id='root'>Root</div>
<div class='element'>Element</div>
<div class='element'>Element</div>
<div class='element'>Element</div>
<div class='element'>Element</div>
<div class='element'>Element</div>
<div class='element'>Element</div>
<div class='element'>Element</div>
</div>