阻止文本泄漏出div

时间:2015-06-19 18:37:48

标签: html css text

我有一些文本包含在div中,但如果它太长,它会泄漏到div之外,我不想这样做。我不想使用overflow属性并给它一个滚动条。我想把它放在" ..."在文本的末尾,表示最后没有显示的文字。然后,用户可以在将鼠标悬停在其上时查看全文。

这可能吗?

2 个答案:

答案 0 :(得分:2)

将overflow-ellipsis类添加到元素中:

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

答案 1 :(得分:1)