掩藏过长的字段，多余的用“。”显示

分类: IT文章 • 2024-07-10 17:58:43

隐藏过长的字段，多余的用“。。。”显示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<style type="text/css">
.texthidden{
   width:200px;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   border:1px solid #ddd;}
.texthidden mouseover
{
width:200px;
    overflow:hidden;
}
</style>
</head>
<body>
<div class="texthidden">
    CSS让容器的溢出部分内容隐藏起来
</div>
</body>
</HTML>