您的位置：首页 > 其它

DIV 滚动条的自动显示隐藏

2017-09-27 17:59 344 查看

<html>
<head>
<style>
.Div {
white-space:nowrap;
width:150px;
height:150px;
overflow:auto;
}
</style>
</head>
<body>
<div  class="Div">
<P id="P1" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P2" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P3" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P4" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P5" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P6" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P7" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P8" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P9" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P10" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P11" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<P id="P12" >asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</P>
<div>
<body>
<html>

1. white-space:nowrap; 不换行

2. overflow:auto; 垂直和横向滚动条自动（相当于overflow-x:auto;overflow-y:auto;）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航