我爱模板网 > 建站教程 > 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%}
    就可以了:





部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:vue-baidu-map使用个性化底图mapStyle出现加载失败解决办法 下一篇:利用Adobe Fonts的Webfont功能将“思源黑体”用到自己的网站上
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢