小编use*_*617的帖子

当前一个元素的宽度动态增长时,如何将 html 元素向右推?

我有两个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代码,我也会分享这些代码

html css

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

html ×1