布局
文章平均质量分 64
flex布局,grid布局,两栏布局,三栏布局(圣杯布局,双飞翼布局)
jz____
这个作者很懒,什么都没留下…
展开
-
常用的flex布局介绍(水平居中和垂直居中)
常用的flex布局介绍1.flex-directionflex-direction:row;(==默认==)flex-direction:row-reverse;flex-direction:column;flex-direction:column-reserve;2.flex-wrapflex-wrap:nowrap;(==不换行,默认==)flex-wrap:wrap;(==换行==)flex...原创 2020-04-29 00:13:56 · 2139 阅读 · 2 评论 -
两栏布局
文章目录一、前言二、两栏布局的方法1.绝对定位布局2.浮动+margin3.浮动+calc()4.浮动+相对定位5.flex布局6.grid布局三、图示一、前言左侧宽度固定,右侧宽度自适应 <div class="box"> <div class="left">left</div> <div class="right">right</div> </div> .原创 2021-01-12 14:55:28 · 147 阅读 · 0 评论 -
三栏布局
文章目录前言实现三栏布局的方法1.绝对定位布局2.左右浮动布局3.圣杯布局4.双飞翼布局5.flex布局6.grid布局图示前言三栏布局中,一般情况都是左右两边的宽度固定,中间的盒子自适应 <div class="box"> <div class="left">left</div> <div class="center">center</div> <div class="ri原创 2021-01-12 12:02:03 · 311 阅读 · 0 评论