Вычитание ширины CSS

Question

Вычитание ширины CSS

Как вычесть ширину в CSS?

Например:

width = 100% - 10px

Я не говорю о заполнении или полях.

489 7

css

7 ответов:

Comments

Ничего не найдено.

mpgn · Accepted Answer · 2014-07-25 22:06:50

Теперь с calc решение будет:
width: calc(100% - 10px);
Calc можно использовать с сложением, вычитанием, умножением, делением.

Дополнительное Примечание:

Примечание: операторы + и - всегда должны быть окружены пробелами. Например, операнд calc (50% - 8px) будет проанализирован как процент, за которым следует отрицательная длина, недопустимое выражение, в то время как операнд calc (50% - 8px) - это процент, за которым следует минус. знак и А длина. Более того, calc (8px + -50%) рассматривается как длина, за которой следуют знак плюс и отрицательный процент. * И / операторы не требуют пробелов, но добавление их для согласованности является разрешено и рекомендовано.

Peter · Accepted Answer · 2010-09-29 11:30:57

Просто: вы не можете этого сделать. Вам придется использовать какой-то обходной путь.

n1313 · Accepted Answer · 2010-09-29 11:33:43

Ну, пока CSS3 calc() не будет выпущен во всех основных браузерах, все, что вам нужно сделать, это обернуть один div с другим и использовать некоторые отступы-поля. Или, вы можете использовать некоторые javascript, например, подсчет ширины экрана и установка ширины div соответственно.

Grant Crofton · Accepted Answer · 2010-09-29 11:37:58

Вы можете сделать это с помощью SASS, Если вы используете стек, который поддерживает его. Я знаю только о Руби, но вполне могут быть и другие.

SASS - это код в стиле CSS, который генерирует традиционный CSS, вы можете использовать переменные и так далее.

Nev Stokes · Accepted Answer · 2010-09-29 11:32:19

Единственный способ достичь этого-построить CSS с помощью LessCSS или аналогичного инструмента, а затем обработать эти файлы в сгенерированный CSS - вы не можете сделать это на лету

Thariama · Accepted Answer · 2012-04-05 11:01:20

На самом деле такой функциональности нет. Все, что вы можете сделать, это:
width:auto;
margin-right: 10px;
А это совсем не то, чего ты хочешь.

Ring Ø · Accepted Answer · 2010-09-29 11:40:22

Обычно используется динамический подход, который генерирует код на лету. Например, в PHP, при написании CSS-части,
 $width = $all - 10;
 echo 'width:' . $width . 'px;';