html中如何使用css让div中超过宽度部分的字符(文字)采用点点显示呢?


摘要:
下文讲述使用css代码,设置div的样式,使其超出部分,使用点点显示,如下所示;

主要使用以下属性:
1.overflow设置隐藏部分的显示方式
2.text-overflow的显示样式

<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title> 
<style>
 
  div{
      width:60px; /*必须设置宽度*/
      overflow:hidden; /*溢出隐藏*/
      text-overflow:ellipsis; /*以省略号...显示*/
      white-space:nowrap; /*强制不换行*/
  }
 
</style>
</head>

<body>
<div>
   测试一个div,超出宽度部分,采用点点显示的方法
 </div>

</body>
</html>
css 超出部分点点显示应用举例

css 超出部分点点显示应用举例