css3
Bootstrap 3 Mesa dentro de un panel desbordante
<div class="col-xs-6 col-sm-4">
<div class="panel panel-primary">
<div class="panel-headin ... mplo de imagen
¿Cuál es el marcado adecuado para acomodar este problema? Sé que puede escalar adecuadamente con seguridad.
Establecer una longitud(altura o anchura) para un elemento menos la longitud variable de otro, es decir, calc (x - y), donde y es desconocido
Sé que podemos usar calc cuando se definen las longitudes:
flex-basis: calc(33.33% - 60px);
left: calc(50% - 25px);
height: ... s simple. Flexbox, tablas y Javascript simple son alternativas aceptables.
Demostración de altura
Demostración de ancho
Combine calc () con attr () en CSS [duplicar]
Esta pregunta ya tiene una respuesta aquí:
attr () de CSS3 no funciona en los principales navegadores
... 25.0.1) no lo hace. Hay dos casos entonces:
Lo hice mal
Todavía no está soportado
¿Cuál es el trato?
Ejemplo De Violín
Ocultar Mostrar contenido-lista con solo CSS, no se utiliza javascript
He estado buscando un buen truco para hacer un contenido Hide/Show o una lista con solo CSS y sin javascript.
He logrado hace ... er lugar de la página". Cómo desactivar eso? ¿cómo ocultar el contenido "solo" haciendo clic en ocultar?
Gracias de antemano!
Cómo usar transform: translateX para mover un elemento secundario horizontalmente al 100% a través del elemento primario
Todos,
Me gustaría poder usar translateX para animar un elemento hijo 100% del camino a través de su padre (es decir, desde ... de left / right es mucho peor que translateX (Gracias Paul Irish!).
¿Hay alguna manera de hacer esto?
Gracias de antemano.
Hacer divs niños la altura del niño más alto
Tengo dos elementos secundarios <div> dentro de un contenedor padre <div> como se muestra:
<div class="row"& ... Cómo puedo conseguir que ambos niños (div.item) tengan la altura del niño más alto?
JsFiddle: http://jsfiddle.net/7m4f7 /
Simple center un objeto con css y sin hacks
Quiero centrar un objeto usando CSS y sin hacks, ¿es esto posible y cómo?
He intentado esto, pero que mi etiqueta p se ha ido.
.centered {
position: fixed;
top: 50%;
left: 50%;
}
Diferencia entre overflow-wrap y word-break? [duplicar]
Esta pregunta ya tiene una respuesta aquí:
¿Cuál es la diferencia entre" word-break: break-all "versus" ... que usar overflow-wrap en combinación con word-wrap para un mejor soporte entre navegadores es el mejor método. ¿Qué opinas?
Gradiente de color de texto CSS3 puro - ¿Es posible?
¿Hay alguna manera de crear un degradado de color de texto CSS3 puro entre navegadores?
Entonces, no hay png. No solo' webki ... os: es solo CSS3, y es para texto, no para degradados de caja.
EDIT: he encontrado esta solución, pero es solo para webkit.
Rendimiento: CSS puro vs jQuery
He visto una serie de comparaciones de código entre CSS puro y el equivalente jQuery. Pero estoy buscando detalles sobre por ... or y también pasa por un lenguaje de scripting? No CSS tiene que caminar el DOM como jQuery o CSS tiene alguna ventaja allí?
Firefox, Flexbox y desbordamiento
Después de la última actualización de firefox, parte del código css3 se ha roto... Ejemplo (jsfiddle).
En cromo:
En fi ... y: flex; }
#flex {
display: flex;
border: 1px solid green;
outline: 1px solid red;
}
label { flex: 0 0 80px; }
Texto borroso en Internet Explorer
En mi sitio web he notado que hay una diferencia sustancial en la calidad del texto entre Firefox, Chrome e Internet Explorer ... esta hace que esto suceda, lo que significa que no puedo confiar en el renderizado de GPU para renderizarlo correctamente:
¿Cómo funciona el factor flex-shrink en padding y border-box?
Digamos que tenemos un contenedor flexible con un ancho de 400px.
Dentro de este contenedor hay tres elementos flexibles:
... <li>175.5px</li>
<li>160px</li>
<li>64.4px</li>
</ul>
JsFiddle demo
¿IE9 soporta gradientes lineales CSS?
Con Chrome/Safari y Firefox están las propiedades -webkit-gradient y -moz-linear-gradient. ¿Cómo puedo hacer este mismo tipo de cosas con IE9?
Cómo usar estilos CSS particulares basados en el tamaño de la pantalla / dispositivo
Bootstrap 3 tiene buenas clases CSS en utilidades responsivas que me permiten ocultar o mostrar algunos bloques dependiendo d ... ro esto podría evitarse si no hay otras soluciones que tener archivos CSS separados para diferentes resoluciones de pantalla.
CSS: ¿Forma sensible de centrar un div fluido (sin ancho px) mientras limita el ancho máximo?
He visto un millón de preguntas sobre cómo centrar un elemento de bloque y parece que hay un par de formas populares de hacer ... grega un ancho máximo a la mayoría de los enfoques, el cuadro centrado dejará de centrarse cuando se alcance el ancho máximo.
cómo hago zoom en una imagen de fondo en un div con background-size
Quiero que se extienda un elemento div que tenga un ancho del 33% con una imagen de fondo hecha en css
background-image:url ... que usar background-size: cover porque es una página elástica.
Todavía no tengo un violín porque no se donde o como empezar
¿Cómo configuro los iconos de Zurb Foundation?
He descargado los archivos de fuentes del icono de Zurb Foundation http://zurb.com/playground/foundation-icon-fonts-3
Los ... .
<i class="ft-social-facebook"></i><a href="#">Facebook</a>
<i class="ft-star"></i>
Fondo estático-la imagen "pulsa" rápidamente-muy extraño
Esta es la cosa más rara que he visto.
Tengo una clase de div que tiene una imagen de fondo, definida como tal:
background ... usándolo? ¿Puede alguien al menos reproducir el problema en su máquina/navegador?
Estoy usando Firefox 31.0, si eso importa.
Cómo generar CSS con loop en less
No estoy familiarizado con Less. En mi opinión, creo que Less puede transformar el archivo de formato less a un archivo están ...
.span5 {
width: 5%;
}
.span4 {
width: 4%;
}
.span3 {
width: 3%;
}
.span2 {
width: 2%;
}
.span1 {
width: 1%;
}