首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-12 
隐藏过长的字段,多余的用“。。。”显示!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//ENHTML

隐藏过长的字段,多余的用“。。。”显示
<!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>

热点排行