<html>
<head>
<style>
#myDIV
{
border:1px solid black;
background-color:lightblue;
width:175px;
white-space:nowrap;
overflow:hidden;
text-overflow:visible;
}
</style>
</head>
<body>
<p>点击“尝试一下”按钮，改变 DIV 元素的 text-overflow 属性：</p>
<button onclick="myFunction()">尝试一下</button>
<div id="myDIV">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,<br> sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br> Ut wisi enim ad minim veniam,<br> quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>
<script>
function myFunction()
{
document.getElementById("myDIV").style.textOverflow = "ellipsis";
}
</script>
</body>
</html>