每日有感： - 我是小阵不悲催 - 沸点 - 掘金

前端开发 @公众号：前端业务员进阶日记

每日有感：

以下代码
<div className='flex-style'>
<input style={{flex:1}}/>
<div style={{minWidth:'80px'}}>获取验证码info</div>
</div>
期待效果为
获取验证码的div最小宽度为80px，但是可以根据自身内容自适应，而input的宽度可以根据父元素的宽度和获取验证码div的宽度进行自适应

但是实际效果却是
获取验证码的div宽度没问题，但是input的宽度竟然有个最小宽度为167px的设定，而且在元素里也没找到这个属性，所以我理解input本身就是有这个限制的，就跟span是行内元素一样。

解决办法，给input赋值一个width，我自己用了width:1px;来解决这个问题

展开