其他盒子布局倒序排序，超出换行

web前端神器 2023-01-13 03:19:12

课时名称	课时知识点
其他盒子布局倒序排序，超出换行	更多排版倒序排版，超出换行

...全文

360 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

值：row（水平方向，从左往右排列）,row-reverse（水平方向，从右往左排列）,column（垂直方向，从上往下排列）,column-reverse（垂直方向，从下往上排列）/* 或者 */值：nowrap（不换行，项目都在一行上排列）,wrap（换行，按需分配多行）,wrap-reverse（换行，倒序分配多行）/* 或者 */值：flex-start（左对齐）,flex-end（右对齐）,center（居中对齐）,

flex布局容器和项目(父子级) 容器 display设置为flex，则当前标签为容器，子元素为项目功能:所有子元素在一行显示项目 flex-grow放大 (默认值为0) 计算方式获取项目的剩余空间获取所有项目设置了flex-grow的份数之和剩余空间 / flex-grow的份数之和=每一份的值按照份数，分给相应的项目 flex-shrink缩小(默认值是0) 计算方式不想缩小取值为0 获取项目的超出尺寸获取所有项目设置了flex-shrink的份数之和超出尺寸 / f

浮动 CSS提供了三种传统布局方式：普通流（标准流）；浮动；定位。标准流：标签按照规定好的默认方式排列 1、块级元素会独占一行，从上向下顺序排列常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 2、行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行常用元素：span、a、i、em等浮动：最典型的应用：可以让多个块级元素一行内排列显示网页布局第一准则：多个块级元素纵向排列标准流，多个块级元素横向排列找浮动 float：属性用于创建浮动框，将其移动到一边，直到

css三大布局总结

版权声明：本文为CSDN博主「2302_81462475」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。wrap-reverse：反方向换行。flex-wrap：设置项目是否换行。justify-content：flex-start：默认值，项目从主轴起点开始对齐，不留间隙。flex-start：项目定点与交叉轴对齐。flex-end：项目底部与交叉轴终点对齐。align-items：设置项目在交叉轴上的对齐方式。flex-end：从主轴终点对齐，不留间隙。

guiplan创始人周老师的课程社区_NO_1

3

社区成员

272

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章