Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一行中使用多个CSS单元_Javascript_Css_Units Of Measurement - Fatal编程技术网

Javascript 在一行中使用多个CSS单元

Javascript 在一行中使用多个CSS单元,javascript,css,units-of-measurement,Javascript,Css,Units Of Measurement,可以在一行CSS代码中使用多个单元吗? 例如: width: 20% + 5px; 我想不是。如果是这样的话,您是如何用javascript这样的语言实现的?可以使用CSS: 可以使用CSS: 正如Sirko所指出的那样,这是存在的。不幸的是,使用该功能有一个缺点:目前为止,主流浏览器都没有。正如Sirko所指出的那样,对于IE,是存在的。不幸的是,使用该功能有一个缺点:目前为止,主流浏览器都没有。对于IE width: -webkit-calc(20% + 5px); width: -

可以在一行CSS代码中使用多个单元吗? 例如:

width: 20% + 5px;
我想不是。如果是这样的话,您是如何用javascript这样的语言实现的?

可以使用CSS:

可以使用CSS:


正如Sirko所指出的那样,这是存在的。不幸的是,使用该功能有一个缺点:目前为止,主流浏览器都没有。正如Sirko所指出的那样,对于IE,是存在的。不幸的是,使用该功能有一个缺点:目前为止,主流浏览器都没有。对于IE
width: -webkit-calc(20% + 5px);
width:    -moz-calc(20% + 5px);
width:         calc(20% + 5px);
.span20 {
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    width: 20%;
    padding: 5px;
    float: left;
}