flex support

by weijarz

HTML

<div class="nav">
        <a href="">flex box1</a>
        <a href="">flex box2</a>
        <a href="">flex box3</a>
        <a href="">flex box4</a>
    </div>

CSS

.nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    overflow: hidden;
    width:100%;
    font-size:14px;
}
.nav a{
    display: block;
    height:40px;
    line-height: 40px;
    color:#fff;
    text-align: center;
    border:1px solid #fff;
    background: #f60;
    text-decoration: none;
    -moz-flex: 1;
    -webkit-flex: 1;
        -o-flex: 1;
        -ms-flex: 1;
            flex: 1;
}