• 技术文章 >Web开发 >css教程

    css中minmax()函数的使用

    小妮浅浅小妮浅浅2021-09-27 09:46:00原创4863

    说明

    1、minmax()函数来创建行或列的最小或尺寸。

    2、第一个参数定义网格轨道的最小值,第二个参数定义网格轨道的值。

    可以接受任何长度值,也接受 auto 值。auto 值允许网格轨道基于内容的尺寸拉伸或挤压。

    实例

            .grid-container{
                padding: 20px;
                display: grid;
                grid-template-rows: minmax(100px,200px) minmax(50px,200px);
                grid-template-columns: 1fr 1fr 2fr;
                background: pink;
                height: 300px;
            }

    以上就是css中minmax()函数的使用,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:cssminmax函数
    上一篇:css中grid布局的使用 下一篇:css中repeat()函数的用法

    相关文章推荐

    • CSS实现轮播图的方法• css内联样式的盒子模型• css标签选择器的使用注意• css中id选择器的注意点• css中类选择器的注意事项• css后代选择器的使用• css子元素选择器的介绍• css后代选择器和子元素选择器的区别• CSS并集选择器的介绍• CSS兄弟选择器的两种类型• css中使用a标签的伪类选择器注意点• css盒模型布局是什么• css中flex布局如何使用• css中grid网格布局的介绍

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网