jsp页面显示指定文字，多余的用...代替，鼠标指着会显示全部内容

最新推荐文章于 2021-01-04 11:48:42 发布

shiboyuan0410

最新推荐文章于 2021-01-04 11:48:42 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： jsp

本文链接：https://blog.youkuaiyun.com/shiboyuan0410/article/details/84133731

javaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用CSS实现文本溢出时显示省略号的效果，通过限制元素宽度并设置text-overflow属性，同时展示了一个实际的例子，鼠标悬停时显示完整文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ellipsis</title>
</head>
<body>
<style>
.demo {display: inline-block;*display: inline;*zoom: 1;width: 140px;height: 20px;line-height: 20px;font-size: 12px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.demo:hover {height: auto;white-space: normal;}
</style>
<a href="#" target="_blank" class="demo">这是一段测试用的文本，没有实际意义，只是想达到显示效果。</a>
</body>
</html>