css3 flex 子元素添加边框后的问题

问题描述

问 题

父元素设置为flex后，子元素{flex:0 0 33.3333%}在同一排可以三等分，

但是如果子元素添加了边框，那么同一排只能排列2个，flex弹性伸缩，不计算border宽度吗？

解决方案

子元素上加上

box-sizing: border-box;

包不包括内边距和边框是两种盒模型,由box-sizing控制
参考：https://developer.mozilla.org...

这篇关于css3 flex 子元素添加边框后的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！