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: 200px;11
height: 210px;12
white-space: nowrap;13
}14
</style>15
</head>16
17
<body>18
<p>点击“尝试一下”按钮，改变 DIV 元素的 overflowX 属性：</p>19
<button onclick="myFunction()">尝试一下</button>20
<div id="myDIV">21
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,22
<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.23
</div>24
<script>25
function myFunction() {26
document.getElementById("myDIV").style.overflowX = "scroll";27
}28
</script>29
30
</body>31
</html>