父元素左右的元素

时间:2019-12-22 12:31:35

标签: javascript css css-grid

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

example

1 个答案:

答案 0 :(得分:2)

这是否在解决您的问题(使用网格)?

data
#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;
}