javascript - 来自父级的左右元素

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>