Foros del Web » Creando para Internet » HTML »

3 Columnas

Estas en el tema de 3 Columnas en el foro de HTML en Foros del Web. Estimados necesito hacer una caja con 3 columnas ¿Me pueden ayudar?...
  #1 (permalink)  
Antiguo 12/09/2015, 18:44
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
3 Columnas

Estimados necesito hacer una caja con 3 columnas ¿Me pueden ayudar?
  #2 (permalink)  
Antiguo 15/09/2015, 22:44
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: 3 Columnas

algo asi es lo que quieres amigo?

Código HTML:
Ver original
  1. <div id="cont">
  2.    <div class="columna columna-uno">Columna uno</div>
  3.    <div class="columna columna-dos">Columna dos</div>
  4.    <div class="columna columna-tres">Columna tres</div>
  5. </div>

Código CSS:
Ver original
  1. #cont {
  2.     display: flex;
  3. }
  4.  
  5. .columna {
  6.     flex: 1;
  7.     text-align: center;
  8.     /*for demo purposes only */
  9.     background: #f5f5f5;
  10.     border: 1px solid #e6e6e6;
  11.     box-sizing: border-box;
  12. }
  13.  
  14. .columna-uno {
  15.     order: 1;
  16. }
  17. .columna-dos {
  18.     order: 2;
  19. }
  20. .columna-tres {
  21.     order: 3;
  22. }

http://codepen.io/AngelKrak/pen/EVPMgv

Etiquetas: columnas
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 22:42.