隐藏文本加载和显示悬停

.hide-text { 宽度:70 px; 显示:inline-block; 空白:nowrap;} 溢出:隐藏!重要; 文本溢出:省略; ｝ 跨度:{徘徊 空白:设置; 文本溢出:设置; ｝ <span class="hide-text">如何用圆点隐藏文本，并在悬停时显示文本</span>

隐藏文本加载和显示悬停

.hide-text { 宽度:70 px; 显示:inline-block; 空白:nowrap;} 溢出:隐藏!重要; 文本溢出:省略; ｝ 跨度:{徘徊 空白:设置; 文本溢出:设置; ｝ <span class="hide-text">如何用圆点隐藏文本，并在悬停时显示文本</span>

.cut-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

<style>
    .dots
    {
        display: inline-block;
        width: 325px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .dot
    {
        display: inline-block;
        width: 185px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
</style>

是的，通过css3中的text-overflow属性。注意:它还没有被浏览器普遍支持。

检查下面的代码片段来解决您的问题

div { 宽度:100px; 溢出:隐藏; 显示:inline-block; 文本溢出:省略; 空白:nowrap;} ｝ < div > 前曼哈顿警察鲍里斯·帕什上校 < / div >