html – CSS值作为数学表达式

前端之家收集整理的这篇文章主要介绍了html – CSS值作为数学表达式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有我可以写一个css值作为数学表达式?
例:
div{
    height: 50% + 30px;
    width: 40em - 5px;
   }

如果有,那将是完美的.
PS:我不想用JS或者JQuery来做.

解决方法

你可以用css3 calc()实现这一点.写如下:
div{
    width: 40%;
    width: -webkit-calc(40% - 5px);
    width: -moz-calc(40% - 5px);
    width: calc(40% - 5px);
    height:50%;
    height: -webkit-calc(50% + 50px);
    height: -moz-calc(50% + 50px);
    height: calc(50% + 50px);
    background: green;
    color: white;
    position:absolute;
}

检查这个http://jsfiddle.net/3QUw6/

检查这个讨论更多Is it possible to make a div 50px less than 100% in CSS3?

原文链接:https://www.f2er.com/html/231235.html

猜你在找的HTML相关文章