Fórum Como usar o Flexbox para construção de layouts? #499288

27/10/2014

0

Front-end

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

Responder

Posts

27/10/2014

Marcelo Pastore

Eu não conheço, pode disponibilizar algum codigo? caso tenha testado algo.
Responder

Gostei + 0

28/10/2014

Claudio Aguiar

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;
}
Responder

Gostei + 0

29/10/2014

Marcelo Pastore

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

[url]https://www.devmedia.com.br/css3-flexbox-criando-layouts-flexiveis/29532[/url]
Responder

Gostei + 0

29/10/2014

Claudio Aguiar

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

Gostei + 0

03/11/2014

Claudio Aguiar

Ninguem nunca testou?
Responder

Gostei + 0

04/11/2014

Marcelo Pastore

Ninguem nunca testou?


A Maioria das pessoas fazem com frameworks.
Responder

Gostei + 0

05/11/2014

Claudio Aguiar

É o jeito aprender com eles mesmo.
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar