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

    css clamp()函数是什么

    小妮浅浅小妮浅浅2021-07-23 10:08:54原创4745

    说明

    1、clamp()函数以逗号分隔的表达式为参数,按最小值、优先值、值的顺序排列。

    当首选值小于最小值时,使用最小值。

    在最小值介于最小值和值之间时,使用首选值。

    当首选值大于值时,使用值。

    2、语法

    clamp(MIN, VAL, MAX)

    3、返回一个区间范围的值。

    实例

    .element{
        width: clamp(200px, 50%, 1000px);
     
    }

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

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

    专题推荐:css clamp
    上一篇:css max函数调整字体 下一篇:css设置行间距的方法

    相关文章推荐

    • css旋转属性如何理解• css设置文字居中的两种方法• css中删除input输入框的阴影• css中margin是什么?怎么设置?• css3中设置元素宽度的方法• CSS鼠标跟随的原理• css中svg图片无法显示怎么办?• css点击元素变更颜色的方法• css如何使用scale()方法进行缩放• css line-height属性是什么• css设置行间距的三种方法• CSS中有哪些定位的方式• css中Min()函数如何使用• css max函数调整字体

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网