<! DOCTYPEhtml>      
<html lang="en">      
<head>      
    <meta charset="UTF-8">      
    <title>Ellipsis is displayed after exceeding</title>    
    <style type="text/css">
      body{margin: 0;background: #ddd; }.test{width:200px;height: 17px;line-height: 17px; font-size: 16px;border: 1px solid green; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }</style>     
</head>      
<body>
  <div class="test">Ellipsis is displayed when the number exceeds the limit</div>
</body>      
</html> 
Copy the code


\