我有两个textbox根据输入大小动态增长的输入。其间有一小段文字。问题是,当textbox宽度增加时,它会与旁边的文本重叠。
我正在寻找一种HTML/CSS样式,可以让我随着宽度的增加将文本推到右侧textbox。
任何帮助是极大的赞赏。谢谢
添加我的一些代码。
.dynamic-push {
float: left;
}Run Code Online (Sandbox Code Playgroud)
<div class="row dynamic-push">
<div class="two columns dynamic-push ">
<input id="contact-position" class="dynamic-push" value="" type="text" placeholder="Position" data-bind="value: Person().Position, valueUpdate: 'afterkeydown', afterRender: $('#contact-position').autosizeInput()" /> at
<input id="contact-company" value="" type="text" placeholder="Company" data-bind="value: Person().Company, valueUpdate: 'afterkeydown', afterRender: $('#contact-company').autosizeInput()" />
</div>
</div>Run Code Online (Sandbox Code Playgroud)
有淘汰元素,我使用jqueryautosize.input.js插件来动态增加输入文本框的宽度。
现在,两个输入文本框之间的“at”随着第一个文本框的textbox增长而被重叠。希望您能找出这里出了什么问题。如果您需要任何其他CSS代码,我也会分享这些代码