Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Hacer que algunos DIVs con inline-block midan 100% entre los tres

Estas en el tema de Hacer que algunos DIVs con inline-block midan 100% entre los tres en el foro de CSS en Foros del Web. ¡Hola! La situación es la siguiente: tengo unos DIVs generados automáticamente con el atributo display:inline-block que necesito que se muestren en la misma línea y ...
  #1 (permalink)  
Antiguo 30/09/2016, 15:55
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid
Mensajes: 274
Antigüedad: 9 años, 4 meses
Puntos: 5
Hacer que algunos DIVs con inline-block midan 100% entre los tres

¡Hola!

La situación es la siguiente: tengo unos DIVs generados automáticamente con el atributo display:inline-block que necesito que se muestren en la misma línea y midiendo entre ellos un 100%, sabiendo que podrán ser 3, 12 o 50. ¿Cómo puedo hacerlo?

¡Gracias!
__________________
Experto: aunque no sepas hacer algo, los novatos te pedimos que nos digas algo aunque sepas que no acertarás
  #2 (permalink)  
Antiguo 30/09/2016, 19:37
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Hacer que algunos DIVs con inline-block midan 100% entre los tres

Con flexbox:

https://www.google.com.mx/search?q=flexbox

Código CSS:
Ver original
  1. .contenedor {   display: flex; }

Lo de adentro en automático se hará chicharrón.

Quita el inline-box. No te hace falta.
  #3 (permalink)  
Antiguo 03/10/2016, 00:59
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Hacer que algunos DIVs con inline-block midan 100% entre los tres

Como dice Rafa, y ponerle a los hijos flex: 1.

https://jsfiddle.net/ns3px85e/
__________________
(:

Etiquetas: divs, tres
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:25.