Question

我有一个input元素，后面跟着一些文字。例如：

<input type="email" required/> simple   text

我需要根据文字大小更改input的宽度。如果有更多的文本，那么输入的宽度应该缩小。

对于旧浏览器，这可以通过flex或CSS实现吗？此外，输入的宽度仅取决于它旁边的文本，而不是它自己的值。

Answer 1

查看代码段。希望这是你正在寻找的。我把你的文字内容包裹在一个范围内。没有包装就不可能达到预期的效果。

对文本项使用flex-shrink none，为min-width: 0使用min-width: auto 输入框为了使每个项目都保持在容器内弹性项目的初始设置为.wrapper{ display: flex; display: -webkit-flex; margin: 20px 0; background: #ddd; padding: 10px; width: 200px; } span{ flex-shrink: 0; } input { min-width: 0; }。

<div class="wrapper col-md">
  <input type="email" required/> <span>simple text is</span>
</div>

<div class="wrapper col-md">
  <input type="email" required/> <span>simple text is another text</span>
</div>

Sub macro1()
Application.EnableEvents = False
Application.Calculation = xlManual

Cells(8, 2).ClearContents

Application.EnableEvents = True
Application.Calculation = xlAutomatic
end sub

根据兄弟文本更改输入的大小

1 个答案: