css - style - title tag html5

Sustracción de ancho CSS

Question

¿Cómo restar ancho en CSS?

Por ejemplo:

width = 100% - 10px

No estoy hablando de relleno o margen.

Answer 1

Ahora con calc la solución será:

width: calc(100% - 10px);

Calc se puede usar con la suma, resta, multiplicación y división.

Nota adicional :

Nota: Los operadores + y - siempre deben estar rodeados por espacios en blanco. El operando de calc (50% -8px), por ejemplo, se analizará como un porcentaje seguido de una longitud negativa, una expresión no válida, mientras que el operando de calc (50% - 8px) es un porcentaje seguido de un signo menos y una longitud . Aún más, calc (8px + -50%) se trata como una longitud seguida de un signo más y un porcentaje negativo. Los operadores * y / no requieren espacios en blanco, pero está permitido y se recomienda agregarlos para mantener la coherencia.

Answer 2

Bueno, hasta que se lance CSS3 calc () en todos los navegadores principales, todo lo que tienes que hacer es envolver un div con otro y usar algunos márgenes de relleno. O, puedes usar algún javascript, como contar el ancho de la pantalla y configurar el ancho de un div en consecuencia.

Answer 3

En realidad no existe tal funcionalidad. Todo lo que puedes hacer es:

width:auto;
margin-right: 10px;

que no es lo que quieres.

Answer 4

Es posible que pueda hacer esto con SASS , si está usando una pila que lo admita. Solo conozco a Ruby, pero puede que haya otros.

SASS es un código de estilo CSS que genera CSS tradicional, puede usar variables, etc.

Answer 5

La única forma de lograr esto es construir su CSS usando LessCSS o una herramienta similar y luego procesar estos archivos en CSS generado, no puede hacerlo sobre la marcha

Answer 6

Por lo general, uno utiliza un enfoque dinámico, que genera código sobre la marcha. Por ejemplo, en PHP, mientras se escribe la parte CSS,

 $width = $all - 10;
echo ''width:'' . $width . ''px;'';

Answer 7

Simple: no puedes hacer esto. Tendrás que usar alguna solución.