jQuery cómo obtener el ancho interno pero sin el relleno?

1 minuto de lectura

avatar de usuario
cris

De los documentos, innerWidth hace casi lo que necesito:

“Obtiene el ancho interno (excluye el borde e incluye el relleno) para el primer elemento coincidente”.

necesito saber el ancho Excluyendo el relleno Es decir, el espacio utilizable dentro del elemento.

¿Jquery proporciona algo como esto? He buscado un poco en Google y no puedo encontrar ninguna solución.

Pensé en conseguir el padding-left y padding-right valores para restar del ancho interno, pero dado que estos podrían ser porcentajes, píxeles o em, no estoy seguro de si esto sería confiable.

¿Alguna sugerencia?

  • Simplemente ancho()?

    – Litek

    27 de septiembre de 2011 a las 10:57

avatar de usuario
ben

Probablemente solo estés buscando la función width().

Consulte los documentos, excluye el relleno: http://api.jquery.com/ancho/

(Tal como se pretendía en la representación del navegador moderno de la propiedad de ancho css)

Editar: Ahora es 2012 y jQuery 1.8 acaba de salir. Si bien esto sigue siendo relevante, es posible que también desee leer el siguiente artículo del blog jQuery con respecto a box-sizing consideraciones en la versión 1.8

  • @Chris Marca esto como respuesta 🙂

    – Surjith SM

    11 de diciembre de 2013 a las 6:16

  • Hoy en día es muy confuso, porque el relleno aumentó el ancho y el alto de las cajas en las primeras etapas de html. Entonces innerWidth o innerHeight calcula el ancho y la altura sin relleno. Ahora todos usan el tamaño de caja y el relleno reduce el espacio disponible, manteniendo el ancho como está.

    – káiser

    17 de noviembre de 2018 a las 22:15

$('#element').width();

¡Es tan simple como eso!

¿Ha sido útil esta solución?