父元素左右的元素

Question

当您从父级左右添加元素时，是否有一种均匀分布的元素，而父级在中间呢？

example

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>