之前介绍了flex布局,现在总结下更强大，也更复杂的grid布局。逛过tumblr的司机朋友们，应该会发现它那样瀑布流的卡片布局很爽。像上面这样的布局如果用flex布局得模块拆分，然后flex容器下再套flex容器实现这样的布局，并且两个flex容器之间的间距也得通过margin这样非flex属性去
网页布局是网页设计开发中重要步骤。技术变迁很久以前:table布局后来:盒子模型(display+position+float)现在:flex布局未来:grid布局?还是flex布局,或者两者协作?今天主要记录下当前网页设计开发中应用官方的flex布局.概念FlexibleBox——弹性盒子,简称f
当父元素设置为:display:flex;时,子元素默认存在flex属性,并且值为：flex:01auto;其中第二个值——1代表的是flex-shrink属性值.查看mdn该属性介绍：CSSflex-shrink属性指定了flex元素的收缩规则。flex元素仅在默认宽度之和大于容器的时候才会发生收
发布于 2020-09-11
