x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
#myDIV {8
border: 1px solid black;9
background-color: lightblue;10
width: 175px;11
white-space: nowrap;12
overflow: hidden;13
text-overflow: visible;14
}15
</style>16
</head>17
18
<body>19
<p>点击“尝试一下”按钮，改变 DIV 元素的 text-overflow 属性：</p>20
<button onclick="myFunction()">尝试一下</button>21
<div id="myDIV">22
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,23
<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.24
</div>25
<script>26
function myFunction() {27
document.getElementById("myDIV").style.textOverflow = "ellipsis";28
}29
</script>30
31
</body>32
</html>