首页 > 建站教程 > CSS3+HTML5 >  input和select flex-grow:1不一样长正文

input和select flex-grow:1不一样长

    在flex布局下,一行两个input或者一个input+一个select,为了保证每行的宽度对其,就给所有的input和select一个样式:
.row input, .row select{flex-grow:1}
    当一行都是input或者都是select的时候,都能保持一样长。但是如果是一个input+一个select的时候,就表现为长短不一:



    这时,将上面的样式改为:
.row input, .row select{flex:0 1 100%}
    就可以了: