我无法使用百分比来调整输入框的大小。我真的遇到了麻烦,因为一旦我在其他计算机上运行代码,它就不能正确显示,它实际上应该取决于其div的大小。
这是输入代码
.input_box{
height: 50px;
background-color: #F8F8FF;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;
}
这是输入框所在的div的代码
.div_input_box{
display: flex;
justify-content: space-between;
}
在输入中添加flex: 1;
或flex-grow: 1;
:
/* QuickReset */ * {margin: 0; box-sizing: border-box;}
.div_input_box {
display: flex;
justify-content: space-between;
background:#eee;
}
.input_box {
flex-grow: 1; /* Add this */
height: 50px;
background-color: #F8F8FF;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;
}
<div class="div_input_box">
<input class="input_box" type="text" placeholder="Your value here">
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句