在CSS中，可以使用text-overflow屬性來隱藏輸入框中內(nèi)容過長的問題，該屬性指定了當(dāng)文本溢出其包含元素的寬度時，瀏覽器應(yīng)該如何處理。

text-overflow屬性可以有以下兩個值：

1、clip：文本會被裁剪并隱藏，不會顯示省略號。

2、ellipsis：文本會被裁剪并顯示省略號（...），表示還有更多內(nèi)容。

假設(shè)你有一個寬度為200px的輸入框，當(dāng)內(nèi)容超過這個寬度時，你可以使用以下CSS來隱藏超出部分：

input {
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

在這個例子中：

width: 200px; 設(shè)置了輸入框的寬度。

text-overflow: ellipsis; 指示當(dāng)文本超出寬度時，顯示省略號。

white-space: nowrap; 確保文本不會換行，即使內(nèi)容超出寬度。

overflow: hidden; 隱藏超出部分的內(nèi)容。

這樣，當(dāng)輸入框中的內(nèi)容過長時，它會被裁剪并顯示省略號，而不會溢出到輸入框的外部。