![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
关润开
这个作者很懒,什么都没留下…
展开
-
CSS----利用flex 圣杯布局 双飞翼布局
介绍两个布局中使用的flex属性order: 根据值来进行排序 可为负值box-grow: grow意为成长 可以使 items增长flex: (flex-grow||flex-shrink||flex-basis)圣杯布局: <style> .container{ width: 100%; display: flex; } .left,.right,.center{原创 2021-04-12 21:15:01 · 141 阅读 · 0 评论 -
CSS---- Flex布局
主轴:main axis 交叉轴 : cross axisFlex-container:display:flex/inline-flex⬆ 开 启 flex 布局flex-direction: 决定主轴的方向justify-content :决定主轴上 flex-item 如何排布align-items: 决定flex-item 在交叉轴上的对齐方式normal stretch flex-start flex-end centerbaseline(与基线对齐 字都对齐)原创 2021-04-10 18:29:55 · 75 阅读 · 0 评论