JSDM

HTML

27
1
<div class="box">
2
  <div class="item">
3
    <p>第一列内容</p>
4
    <p>第一列内容</p>
5
    <p>第一列内容</p>
6
    <p>第一列内容</p>
7
    <p>第一列内容</p>
8
    <p>第一列内容</p>
9
  </div>
10
  <div class="item">
11
    <p>第二列内容</p>
12
    <p>第二列内容</p>
13
    <p>第二列内容</p>
14
    <p>第二列内容</p>
15
    <p>第二列内容</p>
16
    <p>第二列内容</p>
17
  </div>
18
  <div class="item">
19
    <p>第三列内容</p>
20
    <p>第三列内容</p>
21
    <p>第三列内容</p>
22
    <p>第三列内容</p>
23
    <p>第三列内容</p>
24
    <p>第三列内容</p>
25
  </div>
26
</div>
27
  

CSS

x
 
1
*{
2
  margin: 0;
3
  padding: 0;
4
  box-sizing: border-box;
5
}
6
/* 设置滚动条宽度 */
7
::-webkit-scrollbar {
8
  width: 0px;
9
}
10
11
/* 设置滚动条颜色 */
12
::-webkit-scrollbar-thumb {
13
  background: #eee;
14
}
15
16
/* 设置滚动条被按住时的颜色 */
17
::-webkit-scrollbar-thumb:hover {
18
  background: #ddd;
19
}
20
.box{
21
  width:50vw;
22
  height:40vh;
23
  border:1px solid #ccc;
24
  margin:30vh 25vw;
25
  display:flex;
26
}
27
.item{
28
  flex:1;
29
  height:100%;
30
  border:1px solid #ccc;
31
  overflow: auto;
32
}
33
34
.item p{
35
  line-height:100px;
36
  text-align:center;
37
}
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

1
 
1
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................