点击a标签弹出新窗口（a标签弹出小窗口）



order;

flex-direction

justify-content

flex-wrap

align-content;

align-items

align-self:

flex-start：靠上对齐；

flex-end：靠下对齐；

center：居中对齐；

baseline：基线对齐；

stretch：拉伸以填满容器；

order：定义flex项目的排列顺序，数值越小越靠前。

flex-direction：

row：项目从左到右排列；

row-reverse：项目从右到左排列；

column：项目从上到下排列；

column-reverse：项目从下到上排列；

justify-content: 定义主轴上的对齐方式，主要用于控制项目的分布。

flex-start: 项目靠主轴的起点对齐；

flex-end: 项目靠主轴的重点对齐；

center: 居中对齐；

space-between: 项目之间的间隔均等，第一个项目在起点，最后一个项目在终点；

space-around：项目之间的间隔均等，每个项目两侧都有相等间隔；

flex-wrap:控制是否换行；

wrap: 容器空间不足时换行，新行在下方添加；

align-content:

flex-start: 所有行靠上对齐；

flex-end: 靠下对齐；

center: 居中对齐；

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/bcyy/23565.html