calc

对scss变量做calc计算的方法

落花浮王杯 提交于 2019-11-30 04:20:14
  今天写代码时,需要对一个scss变量做calc处理,发现直接使用变量,浏览器是无法识别的,于是百度,发现要对变量处理才能正常使用,在此记一下用法:   假定定义变量$a = '20px',若要使用calc,直接calc(100% - $a)这么用是不行的,需要按如下使用方法:   calc(100% - #{ $a } ) 来源: https://www.cnblogs.com/happymental/p/11558924.html

LG2045 方格取数加强版 费用流

孤者浪人 提交于 2019-11-29 22:21:19
问题描述 LG2045 题解 费用流。 套路拆点,把 \((i,j)\) 拆为两个点,在这两个点之间连边:一条边流量为 \(1\) ,费用为 \(a_{i,j}\) ,另一条边为流量为 \(INF\) ,费用为 \(0\) (表示联通)。 然后在 \((i,j)\) 的出点向 \((i+1,j)\) , \((i,j+1)\) 连边,流量 \(INF\) ,费用 \(0\) ,表示联通。 建立 \(S,T\) ,分别于 \((1,1),(n,n)\) 相连,流量为 \(k\) ,费用为 \(0\) ,代表可以走 \(k\) 次。 跑费用最大流即可。 \(\mathrm{Code}\) #include<bits/stdc++.h> using namespace std; template <typename Tp> void read(Tp &x){ x=0;char ch=1;int fh; while(ch!='-'&&(ch>'9'||ch<'0')) ch=getchar(); if(ch=='-') ch=getchar(),fh=-1; else fh=1; while(ch>='0'&&ch<='9') x=(x<<1)+(x<<3)+ch-'0',ch=getchar(); x*=fh; } const int maxn=53; const int maxm

「WC2018」通道

情到浓时终转凉″ 提交于 2019-11-29 17:18:46
「WC2018」通道 解题思路: 问题要最大化三棵树上的路径和,码码码就完事了。 第一棵树上边分,对于每一个边分中心 \(mid\) ,钦点边左边的联通块为黑色,右边联通块为白色,令 \[ f1(x)=\begin{cases} dis1(x,mid) & color(x)=black \\ dis1(x,mid) +weight(mid) & color(x) = white \\ 0 & otherwise\end{cases} \] 对于这两个联通块的点建第二棵树上的虚树 \(T2\) 令 \[ f2(x)= \begin{cases} 0 & color(x) = none \\ dep2(x) & otherwise\end{cases} \] 那么遍历 \(T2\) 第 \(k\) 个节点时要计算的贡献就是 \[ \max\{f1(x)+f1(y)+f2(x)+f2(y)-dis3(x,u)\} -2dep2(k) \\ [color(x)=black,color = white,x,y\in subtree(k)] \] 那么把 \(f1(x)+f2(x)\) 看做点权,维护在第三棵树上异色点对端点点权加上边权的最值,经典的直径合并套路,为了保证异色点,需要维护同色点对的直径。 复杂度视情况 \(\mathcal O(n\log n)\) 或者 \(\mathcal

“width: calc(100% / 3);” not working properly in any IE

爱⌒轻易说出口 提交于 2019-11-29 09:24:43
I have a 3 column layout that should fill the whole screen so on my columns I am using: width: calc(100% / 3); So lets say for example my screen is 782px wide: 782 / 3 = 260.66̅ However the problem I have is in Internet Explorer, where it rounds the pixels to two decimal places (260.67) 260.67 * 3 = 782.01 So at certain widths, I lose a 1/3 of my page as it wraps underneath. Here's an example : function onResize() { $('ul').each(function() { var H = eval($(this).height() / $(this).children('li').length); $(this).children('li').outerHeight(H); $(this).children('li').css('line-height', H + 'px')

CSS3 calc()函数使用

风格不统一 提交于 2019-11-29 07:28:45
本文转载于: 猿2048 网站 CSS3 calc()函数使用 1、calc是什么? calc是英文单词calculate(计算)的缩写,用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算; + 和 - 运算符的两边必须始终要有空白符。 比如 calc(50% -8px) 会被解析成为一个无效的表达式:一个百分比后跟一个负数长度值。 而 calc(8px + -50%) 会被解析成为一个长度后跟一个加号再跟一个负百分比。 * 和 / 运算符不需要空白符, 但考虑到统一性,仍然推荐加上空白符。 可以使用百分比、px、em、rem等单位; 2、浏览器兼容性 http://caniuse.com/#search=calc 3、calc使用 calc()主要应用在 流体布局 上,可以通过calc()计算得到元素的宽度。 calc()根据给定百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2em)”,这样一来你就不用考虑元素DIV的宽度值到底是多少,而把这个烦人的任务交由浏览器去计算。 4、示例代码 <! DOCTYPE html > < html > < head > < meta charset ="utf-8" /> < title > CSS3 calc()函数应用 </ title > <

CSS3 calc实现滚动条出现页面不跳动

和自甴很熟 提交于 2019-11-29 07:01:26
本文转载于: 猿2048 网站 CSS3 calc实现滚动条出现页面不跳动 什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度。 语法 calc() = calc(四则运算) 例如: .elm { width : calc(expression) ; } 其中"expression"是一个表达式,用来计算长度的表达式 说明 用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如: width: calc(100% - 10px) ; 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则; 兼容性 简单的例子: <! DOCTYPE html > < html lang ="zh-cmn-Hans" > < head > < meta charset ="utf-8"

CSS3 流动边框

孤者浪人 提交于 2019-11-29 04:18:02
CSS3 流动边框(仿王者荣耀等待效果)的三种实现方式 原地址 https://www.jianshu.com/p/3c241aeae992 <!DOCTYPE html> <html> <head> <meta charset="utf8"> <style> :root { --border-anim-size: 10em; --border-anim-width: calc(var(--border-anim-size) / 20); --border-anim-width-double: calc(var(--border-anim-width)*2); --border-anim-duration: 5s; --border-anim-border-color: gray; --border-anim-hover-color: LightCoral; } body { display: flex; } .border-anim { width: var(--border-anim-size); height: var(--border-anim-size); position: relative; border: 1px solid var(--border-anim-border-color); } .border-anim::before, .border-anim:

Strassen __128int

你说的曾经没有我的故事 提交于 2019-11-28 13:18:29
题目链接 题意思路很简单,递归求最小就好了。但__128int没见过。故写博客记下。__128int如果输入输出就要自己写函数。 #include<bits/stdc++.h> using namespace std; const int mo=1e9+7; typedef __int128 lll; int T,a,b;long long n; lll calc(lll n) { lll ans=n*n*n*b+(n-1)*n*n*a; if(n%2==0) ans=min(ans,18*(n/2)*(n/2)*a+7*calc(n/2)); return ans; } int main(){ scanf("%d",&T); while(T--) { cin>>n>>a>>b; printf("%d\n",int(calc(n)%mo)); } return 0; } 来源: https://www.cnblogs.com/2462478392Lee/p/11408732.html

Cmakelists配置多级目录的gtest项目(项目代码和测试代码分离)

孤者浪人 提交于 2019-11-28 09:59:20
cmake一些语法定义 之前的博客主要写了怎么配置gtest项目,但是一般项目代码和测试代码并不在一起,所以尝试将代码分离 主要分成三个部分,下面给出demo的分级目录 --gtest_demo --CMakelists.txt --src --------cacl.h --------cacl.cpp --------string_util.h --------string_util.cpp --------CMakelists.txt --gtest --------test_calc.cpp --------test_string_util.cpp --------CMakelists.txt 首先先配置根目录下的cmake文件 gtest_demo/CMakelists.txt # 工程名 set (PROJECT_NAME my-gtest) PROJECT(${PROJECT_NAME}) message("工程名: " ${PROJECT_NAME}) message("工程目录: " ${PROJECT_SOURCE_DIR}) # 最低版本需求 cmake_minimum_required(VERSION 3.6) SET(CMAKE_BUILD_TYPE "DEBUG") set (EXECUTABLE_OUTPUT_PATH ${PROJECT_BINARY

学习css calc() 动态算法

懵懂的女人 提交于 2019-11-28 09:54:28
语法 cacl(四则运算) 语义 calc 函数是css3计算函数,可以使用 * / - + 来计算值。calc函数也可以嵌套。 兼容性 浏览器大部分支持, = 支持 = 不支持 = 部分支持 IE Firefox Chrome Safari Opera IOS Safari Android Browser Android Chrome 6.0-8.0 2.0-3.6 4.0-18.0 3.1-5.1 15.0+ 3.2-5.1 2.1-4.3 18.0 9.0+ 4.0-15.0 -moz- 19.0-25.0 -webkit- 6.0-6.1 -webkit- 4.4-4.4.4 19.0-25.0 -webkit- 16.0+ 26.0+ 6.1+ 7.0+ 26.0+ 常用方式举例 .calc{ width: calc(100% - 50px) // 父元素宽 减去 50px height: calc(100% + 50px) // 父 元素高 加上 50px height: calc(50% - calc(50% - 30px)); // 嵌套calc 假设父元素高度为400px; 根据四则运算的先后规律,先算出右边的, 400 * 0.5 - 30px = 170px; 再算左边的,200 - 170px = 30px; 由此推算出 此元素的高为 30px; width