当添加一个新的输入字段时,字段块的宽度每次都会增加。如果不指定字段块的宽度,我如何解决这个问题?
setInterval(function() {
var input = '<input type="text">';
$("#fields").append(input);
}, 2000);
body {
background: grey;
display: flex;
align-items: center;
justify-content: center;
}
#fields {
background: green;
padding: 20px;
}
#fields input {
width: 100%;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="fields">
<input type="text">
</div>
3条答案
按热度按时间rt4zxlrg1#
如果不想修改
input
的width
,可以flex
#fields
容器并指定flex-direction: column;
。brqmpdu12#
使用
display: block
代替width: 100%
:t2a7ltrp3#