如何将全角表单输入添加到css网格布局而不导致列增长

<div class="grid-container">
  <div class="grid-item">
    <input type="text" class="full-width-input" placeholder="全角表单输入">
  </div>
  <div class="grid-item">
    <input type="text" class="full-width-input" placeholder="全角表单输入">
  </div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.grid-item {
  border: 1px solid #ccc;
  padding: 10px;
}

.full-width-input {
  width: 100%;
  box-sizing: border-box;
  grid-auto-columns: 200px; /* 设置自动列宽度为固定值 */
  overflow: hidden; /* 控制内容溢出 */
  text-overflow: ellipsis; /* 控制文本溢出显示省略号 */
}