100块体验城中村怎么样玩,100块钱日一次怎么联系,100块的过夜联系方式

  • 100块体验城中村怎么样玩,100块钱日一次怎么联系,100块的过夜联系方式
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • redis手册
  • grid-template

    版本:CSS3

    grid-template,CSS属性简写,用以定义网格中行、列与分区。

    示例

    /* 值为关键词 */
    grid-template: none;
    
    /* 为 grid-template-rows / grid-template-columns */
    grid-template: 100px 1fr / 50px 1fr;
    grid-template: auto 1fr / auto 1fr auto;
    grid-template: [linename] 100px / [columnname1] 30% [columnname2] 70%;
    grid-template: fit-content(100px) / fit-content(40%);
    
    /* 为 grid-template-areas grid-template-rows / grid-template-column */
    grid-template: "a a a"
                   "b b b";
    grid-template: "a a a" 20%
                   "b b b" auto;
    grid-template: [header-top] "a a a"     [header-bottom]
                     [main-top] "b b b" 1fr [main-bottom]
                                / auto 1fr auto;
    
    /* 为全局值 */
    grid-template: inherit;
    grid-template: initial;
    grid-template: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE不支持grid-template,其余浏览器都支持grid-template

    语法

    grid-template:none| <grid-template-rows>/ <grid-template-columns>|[<line-names>?<string><track-size>?<line-names>?]+[ /<explicit-track-list>]?

    取值

    实例

    #page {
      display: grid;
      width: 100%;
      height: 200px;
      grid-template: [header-left] "head head" 30px [header-right]
                     [main-left]   "nav  main" 1fr  [main-right]
                     [footer-left] "nav  foot" 30px [footer-right]
                     / 120px 1fr;
    }
    
    header {
      background-color: lime;
      grid-area: head;
    }
    
    nav {
      background-color: lightblue;
      grid-area: nav;
    }
    
    main {
      background-color: yellow;
      grid-area: main;
    }
    
    footer {
      background-color: red;
      grid-column: foot;
    }
    
    
    <section id="page">
      <header>Header</header>
      <nav>Navigation</nav>
      <main>Main area</main>
      <footer>Footer</footer>
    </section>
    
    
    grid-template: 
                "a a a" 40px
                "b c c" 40px
                "b c c" 40px / 1fr 1fr 1fr;
    
    grid-template: 
                "b b a" auto
                "b b c" 2ch
                "b b c" 1em / 20% 20px 1fr;
    grid-template: 
                "a a ." minmax(50px, auto)
                "a a ." 80px
                "b b c" auto / 2em 3em auto;
    

    上篇:grid

    下篇:row-gap

    包女人过夜的号码,找女人过夜,找女人过夜联系电话 酒店特色服务,酒店里如何约到小姐,酒店可以叫小姐么 快餐300带吹,快餐300带吹电话,微信上门300元快餐 怎么找附近的人服务,微信附近的人怎么找服务,微信附近的人50块 400块4小时不限次数,微信上400块3小时,微信400块一套服务 粉嫩小妹,附近有没有小妹,怎么联系本地小妹,附近便宜小妹 学生一晚上100块联系方式,100块钱日一次怎么联系,100元过夜联系电话 坐台小姐,包小姐的电话,包小姐手机号,小姐怎么找 附近的女人电话,附近女人过夜多少钱,包附近美女过夜 陌陌怎么看出是服务的,陌陌一晚上600靠谱吗,在陌陌怎么找过夜的