<style>
/*单行显示省略号 */
p {
background-color: pink;
width: 100px;
/* 一行显示 */
white-space: nowrap;
/* 超出部分隐藏 */
overflow: hidden;
/* ellipsis：省略号 */
text-overflow: ellipsis;
}
/* hover 的时候显示内容 */
p:hover {
text-overflow: inherit;
overflow: visible;
}
</style>
</head>
<body>
<p>123aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaafffsdssssdffffffffsdf</p>
标签：hover,省略号,text,单行,超出,ellipsis,overflow
From： https://www.cnblogs.com/zhulongxu/p/16613911.html