css问题之用百分比减去像素进行布局calc()

一、问题用百分比布局，因为有border，宽度会多出2px，怎么完美布局呢？二、解决刚开始以为只有用预处理器时才行，so，vue项目中用less进行了处理.divWrap{width: calc(~"(49% - 2px)"); /* less写法 */}后来知道，calc()函数是css3新增的一功能，具有加（+）、减（-）、乘（*）、除（/）的功能，可以使用百...

柒仔不安

5757人浏览 · 2018-12-24 16:40:04

柒仔不安 · 2018-12-24 16:40:04 发布

一、问题

用百分比布局，因为有border，宽度会多出2px，怎么完美布局呢？

二、解决

刚开始以为只有用预处理器时才行，so，vue项目中用less进行了处理

	.divWrap{
		width: calc(~"(49% - 2px)"); /* less写法 */
	}

后来知道，calc()函数是css3新增的一功能，具有加（+）、减（-）、乘（*）、除（/）的功能，可以使用百分比（%）、像素（px）、rem、em

	.box1{
		width: calc(49% - 2px)
	}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^