admin管理员组

文章数量:1794759

align

align

1.align-content属性

作用：设置同一列子元素在Y轴的对齐方

  • flex-start 排列在当前列的最上方
  • flex-end 排列在当前列的最下方
  • center 排列在当前列的中间位置
  • space-between 间距相等排列，上下不留白
  • space-around 间距相等排列，上下留白等于间距的一半

2.align-items属性

作用：设置同一行子元素在Y轴的对齐方

  • flex-start 排列在当前行的最上方
  • flex-end 排列在当前行的最下
  • center 排列在当前行的中间位
  • stretch 当子元素没有设置高度或为auto,将占满整个容器的高
  • baseline 以子元素第一行文字的基线对齐度置方

3.justify-content属性

作用：设置同一行子元素在X轴的对齐方

  • flex-start 排列在当前行的最左边
  • flex-end 排列在当前行的最右
  • center 排列在当前行的中间位
  • space-between 间距相等排列，两边不留
  • space-around 间距相等排列，两边留白等于间距的一半白置边

 

 

本文标签： align

版权声明：本文标题：align 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1709922529a567207.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。