css幾個元素均分寬度

等分：

css3的一個flax屬性，父級元素用display：flex；布局，子集元素用flex：1；均分父級元素。

.nav_class input{
    flex: 1;
}

 

不等分：

.nav_class input:nth-of-type(1){
    flex: 1;
}
.nav_class input:nth-of-type(2){
    flex: 2;
}
.nav_class input:nth-of-type(3){
    flex: 1;
}