Tag: css calc

有没有一种方法来使用〜运算符中的variables，比如〜“calc（100％ – @spacing）”;

有没有办法使用更less的运算符中的variables，如 ~"calc(70% – @spacing)"; 当我尝试过它只能像静态值一样工作 ~"calc(70% – 10px)"; 我可以在beeing之前将string评估为属性吗？

为什么必须用Calc（）方法中的空格来包围+或 – ？

最近我已经开始在CSS中使用calc（…）方法。 我很快就知道，如： width: calc(100%-2)这样的代码将不起作用，但在-操作符之前和之后加上空格将会解决问题，并且calc方法将正常工作。 在做了一些研究之后，我发现多个博客文章都提到需要使用空格，许多博客文章甚至指出了规范（ CSS3 8.1.1 ），其中规定： 另外，在+和 – 操作符的两边都需要空格。 （*和/操作员可以使用没有空白周围。） 很明显，规范告诉我们这些操作员必须用白色空间包装，但为什么？ 我已经在规范中进一步阅读（通过第8.1.2-4节），如果在这些额外的部分解释，我不理解推理。 简而言之，有人可以解释为什么calc(100% – 1)甚至calc(100%/2)是可接受的语法，而不是calc(100%-1) ？

禁用LESS-CSS覆盖calc（）

现在我试图在我的LESS代码在CSS3中做到这一点： width: calc(100% – 200px); 但是，当LESS编译它正在输出这个： width: calc(-100%); 有没有办法告诉LESS不要以这种方式进行编译并正常输出？

CSS calc（）函数中的Sassvariables

我试图在Sass样式表中使用calc()函数，但是我遇到了一些问题。 这是我的代码： $body_padding: 50px body padding-top: $body_padding height: calc(100% – $body_padding) 如果我使用文字50px而不是我的body_paddingvariables，我得到了我想要的。 但是，当我切换到variables，这是输出： body { padding-top: 50px; height: calc(100% – $body_padding); } 我如何让Sass认识到它需要replacecalc函数中的variables？

使用calc（）和表

我试图得到固定宽度的td和可变宽度td的表。 我使用CSS calc()函数，但不知何故，似乎我不能在表中使用% 。 所以这是我迄今为止： <table border="0" style="width:100%;border-collapse:collapse;"> <tr style="width:100%"> <td style="width:30px;">1</td> <!–Fixed width–> <td style="width: calc( (100% – 230px) / 100 * 40);">Title</td> <!–Width should be 40% of the remaining space–> <td style="width: calc( (100% – 230px) / 100 * 40);">Interpret</td> <!–Width should be 40% of the remaining space–> <td style="width: calc( (100% – […]

CSS Calc替代

我想dynamic地改变一个div的宽度使用CSS和没有jQuery的。 以下代码将在以下浏览器中运行： http ： //caniuse.com/calc /* Firefox */ width: -moz-calc(100% – 500px); /* WebKit */ width: -webkit-calc(100% – 500px); /* Opera */ width: -o-calc(100% – 500px); /* Standard */ width: calc(100% – 500px); 我也想支持IE 5.5和更高 ，我发现以下：expression式。 这是正确的用法： /* IE-OLD */ width: expression(100% – 500px); 我也可以支持Opera和Android浏览器吗？

用CSS3 calc进行更少的积极编译

我正在使用的较少编译器（ OrangeBits和无点1.3.0.5 ）正在积极地进行翻译 body { width: calc(100% – 250px – 1.5em); } 成 body { width: calc(-151.5%); } 这显然是不希望的。 我想知道是否有一种方法，以信号的Less编译器本质上忽略编译过程中的属性。 我已经通过Less文档搜索和两个编译器的文档，我找不到任何东西。 少或少的编译器支持这个？ 如果没有，是否有一个CSS扩展程序呢？