• 【前端】学习前端D1


      第一次写博客,有些小激动,以前写学习的记录都是在有道云笔记上写的,在博客园上更多的是膜拜大佬、偷师学艺。前段时间,我和朋友闲聊时,知道用博客每天写知识会提高学习的热情,这感情好呀,于是乎,今天,我依旧在学习前端的道路上一去不复返

     ✧٩(ˊωˋ*)و✧ 
      今天依旧是学习JS的一天——JS图片放大镜
     遇到了以下许久未用忘记的知识点:
    • align-items 属性定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。
      stretch

      默认值。元素被拉伸以适应容器。

      如果指定侧轴大小的属性值为'auto',则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照'min/max-width/height'属性的限制。

       
      center

      元素位于容器的中心。

      弹性盒子元素在该行的侧轴(纵轴)上居中放置。(如果该行的尺寸小于弹性盒子元素的尺寸,则会向两个方向溢出相同的长度)。

       
      flex-start

      元素位于容器的开头。

      弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴起始边界。

       
      flex-end

      元素位于容器的结尾。

      弹性盒子元素的侧轴(纵轴)起始位置的边界紧靠住该行的侧轴结束边界。

       
      baseline

      元素位于容器的基线上。

      如弹性盒子元素的行内轴与侧轴为同一条,则该值与'flex-start'等效。其它情况下,该值将参与基线对齐。

      详情点击 http://www.runoob.com/cssref/css3-pr-align-items.html
    •  
    一往无前虎山行,拨开云雾见光明。
  • 相关阅读:
    20145204《信息安全系统设计基础》期中总结
    20145204&20145212信息安全系统实验一报告
    k8s运维记
    服务器免密登录
    非正常关闭vi编辑器产生swp文件怎么删除
    centos7 安装 python3 、docker、 docker-compose 脚本
    数据库高可用方案
    centos7安装docker-compose报错解决办法
    centos7 一键安装python3 --转发
    安装docker-compose的两种方式
  • 原文地址:https://www.cnblogs.com/XIAOGUAI9/p/10767256.html
Copyright © 2020-2023  润新知