完竣世界 - 专注数据大屏可视化

    • 首页
    • 数据大屏
    • AE动画
    • echarts
      • echarts 3D地图
      • echarts地图
      • echarts折线图
      • Echarts柱状图
      • echarts雷达图
      • echarts饼状图
    • 字体
    • 动态图标
200个酷炫的数据可视化大屏总有一款适合你(含演示实例),30款 vue3 数据可视化大屏登录页下载

Scss 可以将一个数四舍五入为一个最接近的整数

css 5年前 (2021-08-18)

round()

round() 函数可以将一个数四舍五入为一个最接近的整数:


>> round(12.3)
12
>> round(12.5)
13
>> round(1.49999)
1
>> round(2.0)
2
>> round(20%)
20%
>> round(2.2%)
2%
>> round(3.9em)
4em
>> round(2.3px)
2px
>> round(2px / 3px)
1
>> round(1px / 3px)
0
>> round(3px / 2em)
2px/em
 

.footer {
   width:round(12.3px)
}

编译后的 css 代码:

.footer {
  width: 12px;
}

在round() 函数中可以携带单位的任何数值。

喜欢
Scss
Scss 将一个不带单位的数字转换成百分比形式 Scss 函数将一个数转换成最接近于自己的整数,会将一个大于自身的任何小数转换成大于本身 1 的整数
  • iconfont图标字体的使用
    iconfont图标字体的使用
  • Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
    Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
  • css实现渐变色文字添加阴影
    css实现渐变色文字添加阴影
  • postcss-pxtorem排除特定文件和目录
    postcss-pxtorem排除特定文件和目录
  • css如何避免图片变形
  • css 设置transform: scale(1.4641)后,部分内容看不到
  • CSS鼠标悬停时暂停动画
  • 处理CSS前缀问题 AutoPrefixer
  • less和sass的区别?
  • scrollbar-width: thin; 这里的thin是多宽?
  • sass生成变量控制element-plus el-table滚动条的宽度
  • css 超出后才会显示滚动条 没超出时不要显示滚动条

微信

联系微信:17628296870
微信

文章推荐

  • echarts芜湖市地图边缘发光效果实例
  • 高德地图1.4版本限制zooms的放大缩小
  • amazonaws亚马逊及GitHub代码下载慢解决方案
  • electron 修改默认图标
  • Echarts scatter 图片透明度控制
  • vue npm安装国内镜像
  • echarts石家庄市赞皇县地图tooltip自定义html演示实例
  • echarts legend 图标设置为圆点
  • vue3 路由判断跳转到手机
  • echarts上海市杨浦区地图热力图代码演示

近期文章

  • ae使用saber实现黑洞传送效果
  • aePlexus粒子科技小球
  • ae实现雷达扫描的效果
  • 国内可以使用的GPT Image-2 的平台
  • ae使用BOA实现扭曲效果
  • ae使用Optical Flares实现光线效果
  • ae实现魔法阵特效制作
  • ae使用stardust实现粒子球效果
  • ae使用Trapcode Form实现粒子背景
  • ae使用particular实现向上飘动的循环粒子动效
Copyright © 2019-现在 完竣世界 版权所有 冀ICP备11019094号 冀公网安备13112502001077号
记录数据可视化大屏开发、vue开发、前端项目开发中遇到的问题笔记