上海网站制作公司哪家好,如何做自己的网站商城站,网站网格,html5网站动效怎么做原因#xff1a; 为了给flex item提供一个合理的默认最小尺寸#xff0c;flex将flex item的min-width 和 min-height属性设置为了auto
flex item的默认设置为#xff1a; min-width#xff1a; auto 水平flex布局 min-height#xff1a;auto 垂直flex布局
解决办法…原因 为了给flex item提供一个合理的默认最小尺寸flex将flex item的min-width 和 min-height属性设置为了auto
flex item的默认设置为 min-width auto 水平flex布局 min-heightauto 垂直flex布局
解决办法
都是占50%都完全ok // 1.都不超长:ok2.前超后不超:ok3.前不超后超:ok4.都超:okwidth: 0;flex:1;// 1.都不超长:ok2.前超后不超:ok3.前不超后超:ok4.都超:ok
flex:1;
min-width: 0;// 1.都不超长:ok2.前超后不超:ok3.前不超后超:ok4.都超:ok-多margin
width: 50%;最大50%默认左对齐ok // 1.都不超长:ok-左对齐的2.前超后不超:ok-左对齐的3.前不超后超:ok-左对齐的4.都超:ok-多margin
max-width: 50%;同步溢出或者不溢出 // 1.都不超长:ok-同步-左对齐2.前超后不超:ok-要溢出都溢出要不溢出都不溢出同步的3.前不超后超:ok-要溢出都溢出要不溢出都不溢出同步的4.都超:ok
overflow: hidden;参考https://blog.csdn.net/weixin_45753473/article/details/127620010