CSS让5个20%div排成一行

1、有时候,我们在写css样式的时候,会有pading和margin,边框的距离总是让我们的节点跑位了。实在太丑。



20%宽度,受边框影响最后一个div会下沉
20%宽度
20%宽度
20%宽度
20%宽度
20%宽度

变成这样:

CSS让5个20%div排成一行_第1张图片

2、有的方法通过在css里面进行加减运算,过于复杂了。

通过在父级加display:flex; 就可以无视无视margin和padding。



20%宽度,无视margin和padding
20%宽度
20%宽度
20%宽度
20%宽度
20%宽度

完美解决。

你可能感兴趣的:(css,前端,html)