zoukankan      html  css  js  c++  java
  • grid布局

     


     grid 关键词

    grid-template-columns: repeat(3, 1fr):

    template:模板;

    column:纵列;

    repeat:重复;

    (3, 1fr):将页面分成3纵列、每一列宽度为1fr(fr是自适应长度单位);

    grid-gap: 10px:间隙大小10px;
     
     
    grid-auto-rows: minmax(100px, auto);
    auto:自动设置;
    rows:每一行的长度;
    minmax():设置最小最大值;
     
    grid-column: 设置元素列的区域范围;
    grid-row:设置元素行的区域范围;
     
     
    摘抄于菜鸟教程 而这个布局我已经在我的项目中用过了
  • 相关阅读:
    Web 呼起 APP
    移动端监测离开页面
    input 呼起数字键盘
    建站工具Hexo
    linux 查找并kill进程
    linux php --ini
    Git + BeyondCompare
    Linux连续执行多条命令
    chrome start.js报错
    emoji和utf8mb4字符集
  • 原文地址:https://www.cnblogs.com/JinQyuh/p/10254189.html
Copyright © 2011-2022 走看看