flex布局的align-item属性有哪些

 时间:2024-10-24 08:50:43

1、默认属性是stretch,表示项目拉伸至填满行高。

flex布局的align-item属性有哪些

2、flex-start属性,表示项目顶部与行起点对齐。

flex布局的align-item属性有哪些

3、center属性,表示项目在行中居中对齐。

flex布局的align-item属性有哪些

4、flex-end属性,表示项目底部与行终点对齐。

flex布局的align-item属性有哪些

5、baseline属性,表示与项目第一行文字的基线对齐。

flex布局的align-item属性有哪些

6、最后在模拟器中预览效果。

flex布局的align-item属性有哪些
  • css怎样使多个div元素并列一行
  • 去掉小圆点;li标签去掉圆点
  • css中如何实现button垂直居中
  • 如何让两个div并排显示
  • html页面如何创建多行文本输入框
  • 热门搜索
    校园安全手抄报内容 少先队员手抄报 安全手抄报图片 关于植树节的手抄报 二年级数学手抄报 二年级手抄报 节约用水手抄报一等奖 六一儿童节手抄报画 节水手抄报简单又漂亮 阅读手抄报