为什么在设置大量数据时隐藏输入

Question

我试图在1周前知道问题出在哪里，但是我从来没有找到解决方案，所以我屈服于这个问题

问题是当放入大量数据时，输入消失了，检查下面的图像

短数据 Image1

长数据 Image2

.container {
  width: auto;
  height: 100vh;
  text-align: center;
}

.container .con-1 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

<div class="container">
  <div class="con-1">
    <input type="text" placeholder="for test">
    <div class="a">
      <span>test test test test test</span>
    </div>
  </div>
</div>

Answer 1

此代码可解决您的问题

.container {
    margin-left:auto;
    margin-right:auto
    height: 100vh;
    text-align: center;
    top:50%;
    position:absolute;

}

<div class="container">
    <div class="con-1">
        <input type="text" placeholder="for test">
        <div class="a">
            <span>test test test test testtest test test test testtest test test test testtest test test test testtest test test test testtest test test test testtest test test test testtest test test test test</span>
        </div>
    </div>
</div>