Como usar o Flexbox para construção de layouts?

Front-end

27/10/2014

Acredito que esse assunto seja novo e poucas pessoas tenha testado o mesmo, alguem já utilizou o mesmo na pratica de construção de layouts?
Claudio Aguiar

Claudio Aguiar

Curtidas 0

Respostas

Marcelo Pastore

Marcelo Pastore

27/10/2014

Eu não conheço, pode disponibilizar algum codigo? caso tenha testado algo.
GOSTEI 0
Claudio Aguiar

Claudio Aguiar

27/10/2014

Posso sim


<!DOCTYPE html>
<html lang="pt-br">
<head>
    <title>Exemplo Flexbox</title>
    <meta charset="utf-8">
	<link href="style.css" rel="stylesheet" media="screen">
</head>
<body>
 
<div class="main">
    <div>Um div</div>
    <div>Segundo div</div>
    <div>Terceiro Div</div>
</div>
 
</body>
</html>





.main {
    width:500px;
    background:#EFEFEF;
    height:500px;
    display: -webkit-flex;
    display: flex;
}
 
.main div {
    background:#CCC;
    margin-right:10px;
 
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
}
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

27/10/2014

Pelo resultado é possivel sim fazer layouts. olha esse artigo que achei.

[url]https://www.devmedia.com.br/css3-flexbox-criando-layouts-flexiveis/29532[/url]
GOSTEI 0
Claudio Aguiar

Claudio Aguiar

27/10/2014

Vou testar mais um pouco e vê o que consigo fazer, agora não tenho a certeza absoluta se é realmente utilizado.
GOSTEI 0
Claudio Aguiar

Claudio Aguiar

27/10/2014

Ninguem nunca testou?
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

27/10/2014

Ninguem nunca testou?


A Maioria das pessoas fazem com frameworks.
GOSTEI 0
Claudio Aguiar

Claudio Aguiar

27/10/2014

É o jeito aprender com eles mesmo.
GOSTEI 0
POSTAR