Anteriormente, mi suposición width: autoera que el ancho se establece en el del contenido. Ahora veo que ocupa todo el ancho del padre. ¿Alguien puede describir las diferencias entre estos?
Estoy tratando de hacer que una fuente en un div responda a la ventana del navegador. Hasta ahora, ha funcionado perfectamente, pero el div padre tiene una max-widthde 525px. Cambiar más el tamaño del navegador no hará que la fuente deje de cambiar de tamaño. Esto me ha hecho preguntarme si existe...
Al usar Thymeleaf como motor de plantilla, ¿es posible agregar / eliminar dinámicamente una clase CSS a / desde un simple divcon la th:ifcláusula? Normalmente, podría usar la cláusula condicional de la siguiente manera: <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a>...
Estoy usando Font Awesome y no deseo agregar CSS con HTTP. Descargué Font Awesome y lo incluí en mi código, pero Font Awesome muestra un cuadro cuadrado bordeado en lugar de un icono. Aquí está mi código: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css">...
Quiero crear un botón de alternancia en html usando css. Lo quiero para que cuando haga clic en él, se mantenga presionado y luego cuando haga clic en él nuevamente, salga. Si no hay forma de hacerlo, simplemente use css. ¿Hay alguna forma de hacerlo usando
Digamos que la regla es la siguiente: .largeField { width: 65%; } ¿Hay alguna manera de recuperar el '65% 'de alguna manera, y no el valor de píxel? Gracias. EDITAR: Desafortunadamente, el uso de métodos DOM no es confiable en mi caso, ya que tengo una hoja de estilo que importa otras hojas de...
¡Vi un divque tenía el estilo clear:both! ¿Cuál es el uso de clearin style? <div
Encontré este código CSS y lo ejecuté para ver qué hace y describió CADA elemento en la página, ¿Alguien puede explicar qué hace Asterisk * en CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * { outline: 2px dotted...
Aquí hay un ejemplo que no entiendo: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Me parece que width: 460pxse aplica a todas las clases mencionadas. Pero, ¿por qué algunas clases están separadas por una coma ( ,) y otras solo por un espacio? Supongo que width: 460pxse...
¿Cuál es la diferencia entre las propiedades de visualización y
Por varias razones, necesito poner un (mayormente) transparente <div>sobre algún texto. Sin embargo, esto significa que no se puede hacer clic en el texto (por ejemplo, para hacer clic en enlaces o seleccionarlo). ¿Sería posible simplemente hacer que este div sea "invisible" a los clics y...
Tengo una extensión de Chrome simple que usa la función de secuencia de comandos de contenido para modificar un sitio web. Más concretamente, el background-imagede dicho sitio web. Por alguna razón, parece que no puedo usar imágenes locales, a pesar de que están empaquetadas en la extensión. body...
Tengo dos elementos div absolutamente posicionados que se superponen. Ambos han establecido valores de índice z a través de css. Utilizo la translate3dtransformación de webkit para animar estos elementos fuera de la pantalla y luego volver a la pantalla. Después de la transformación, los elementos...
Cuando el texto no tiene espacios y más que el tamaño div 200px , fluye El ancho se define como 200px. He puesto mi código aquí http://jsfiddle.net/madhu131313/UJ6zG/ Puedes ver las siguientes imágenes editadas : Quiero el texto para ir a la siguiente
Estoy migrando mis temas Bootstrap de v2.3.2 a v3.0.0 y una cosa que noté es que muchas dimensiones se calculan de manera diferente, debido a los siguientes estilos en bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:...
He usado el diseño de caja flexible CSS que aparece como se muestra a continuación: Si la pantalla se vuelve más pequeña, se convierte en esto: El problema es que las imágenes no se redimensionan manteniendo la relación de aspecto de la imagen original. ¿Es posible usar CSS puro y el...
Desde los problemas provocados por el uso de Cufon, me aventuré a dejar de usar recursos de fuentes externos, pero últimamente, he estado buscando métodos alternativos para cargar fuentes para ver si hay una mejor manera; mejores métodos tienen una forma de aparecer de la nada. Hay muchos métodos...
Me gustaría crear un efecto paradójico a través de la propiedad z-index CSS . En mi código tengo cinco círculos, como en la imagen de abajo, y todos están posicionados absolutamente sin definir z-index. Por lo tanto, por defecto, cada círculo se superpone al anterior. En este momento, el círculo...
Estoy creando un formulario en React Native y me gustaría hacer que mi TextInputs 80% del ancho de la pantalla. Con HTML y CSS normal, esto sería sencillo: input { display: block; width: 80%; margin: auto; } Excepto que React Native no admite la displaypropiedad, los anchos de porcentaje...
Estoy usando componentes de área de texto en mi aplicación y controlo su altura de forma dinámica. A medida que el usuario escribe, la altura aumenta cuando hay suficiente texto. Esto funciona bien en IE, Firefox y Safari. Sin embargo, en Safari, hay una herramienta de "control" en la parte...