css文字溢出用...展示，且输入移入后弹窗展示

CSS中的文字溢出处理通常使用`text-overflow`属性结合`overflow`属性一起应用。当你设置`overflow`为`hidden`或者其他值以隐藏超出内容时，如果还有内容未显示，可以使用`text-overflow: ellipsis;`来显示省略号(...)，表示部分内容已被裁剪。

例如：

.container {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* 确保单行文本 */
}

当鼠标悬停在容器上（input移入），你可以通过JavaScript或者CSS的`:hover`伪类添加额外的样式，比如显示一个浮层（tooltip或popup）来展示完整的文本内容。这通常需要配合其他技术如CSS的`:target`选择器、JavaScript事件监听或者第三方库（如Tooltip.js）来实现。

这里是一个简单的示例，假设我们有一个HTML元素`<span>`:

<span class="container">这是一个很长很长的文字，鼠标悬停查看完整内容</span>
<div id="tooltip" style="display:none;">完整内容...</div>

然后在CSS中添加：

.container:hover + #tooltip {
    display: block; /* 当鼠标悬停时，显示tooltip */
}