悬浮显示input中所有的内容及css处理文字过长时显示为多余部分省略

您可以使用CSS的`text-overflow`属性来处理文字过长时的显示问题，同时结合`white-space`和`overflow`属性来实现悬浮显示input中所有的内容。

具体实现步骤如下：

1. 首先，将input的`display`属性设置为`block`，以便可以设置宽度和高度。

2. 然后，设置`white-space`属性为`nowrap`，以防止文字换行。

3. 接着，设置`overflow`属性为`hidden`，以隐藏超出部分的内容。

4. 最后，设置`text-overflow`属性为`ellipsis`，以在超出部分的末尾添加省略号。

CSS代码如下：

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

如果想要实现悬浮显示input中所有的内容，可以使用CSS的`::before`伪元素来实现，代码如下：

input:hover::before {
  content: attr(value);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ccc;
}

这样，在鼠标悬浮在input上时，会在input上方显示所有内容，并且超出部分也会被完整显示。