加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex布局

发布时间:2020-12-15 01:49:48 所属栏目:百科 来源:网络整理
导读:原始样式: ? ? ================================================= ? justify-content : space-around; /* 设置容器内部元素的对齐方式 默认:flex-start 1.flex-start 默认 左对齐 2.flex-end 右对齐 3.center 居中对齐 4.space-between 设置容器内元素直

原始样式:

?

?

=================================================

?

justify-content: space-around;
/*
  设置容器内部元素的对齐方式 默认:flex-start
  1.flex-start 默认 左对齐
  2.flex-end 右对齐
  3.center 居中对齐
  4.space-between 设置容器内元素直接的等量间隙
  5.justify-content: space-around; 设置元素之间的间隙
*/
----------------------------------------------------------------------
justify-content: center;

?

------------------------------------------------------

justify-content: flex-end;    【右对齐】

?

?-------------------------------------------

justify-content: space-between;

------------------------------------------------------

justify-content: space-around;
?

?-------------------------------------------------------

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读