css宽度平均分部 |css li 加点

.container {
display: flex;
}
.container >* {
flex: 1;
}

以上代码就是用来实现宽度等分的关键，关键点在于使用了flexbox布局，并将子元素的flex属性值设置为1。这样子元素就会占据容器的等分空间，从而实现宽度平均分配。

同时，大家还可以根据实际需求对于子元素的宽度分配进行细节修改。例如，如果需要将第一个子元素设置为固定宽度，而其他元素平分剩余空间，可以使用以下代码：

.container {
display: flex;
}
.container >* {
flex: 1;
}
.container >:first-child {
flex: none;
width: 200px;
}

以上代码中大家使用了flex:none来使得第一个子元素不参与宽度等分，同时设置了其宽度为200px。

总结来说，CSS可以非常简单地实现宽度等分的布局效果，使用flexbox布局并将子元素的flex属性值设置为1就可以轻松实现。同时，大家还可以根据实际需求进行调整，例如设置第一个子元素的宽度为固定值等。以上就是关于CSS宽度平均分部的一些简单介绍和代码示例。