liunan591的博客

flex布局通过给父元素设定 display: flex， 来控制子元素的排列布局样式flex父元素支持的属性如下：flex-direction: 子元素的排列方向 row | row-reverse | column | column-reverse row | row-reverse 按行排列，主轴为横轴 column | column-reverse 按列排列，主轴为纵轴 justify-content：设定主轴上的子元素分布方式flex-start | flex-end | c.

实现以下效果：有一张较大的图片，希望其在大屏幕上全屏显示，在小屏幕上显示中间核心部分的内容，根据屏幕大小自动调整显示效果。实现方法：样式部分.container { overflow: hidden; width: 100%;}body部分<div class="container"> <img al...