如何让table里面内容可以滑动_安全

外层有个div,里面有个table,table的宽和高都是百分之1百的，table中是很多文字，现在的问题是，文字将table撑开，table又将div撑开，我想在table上加个滚动条，让超出的auto,可是不知道怎么回事，在table上写了overflow:auto;不好使，

CSS网页布局DIV水平居中的各种方法一、单行垂直居中如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如： imokercn（爱摩客）提供的代码片段

JS 语法向body中添加元素用innerHTML，下面是示例代码，供参考：
<script>
var div1 = documentgetElementById('DIV1');
var code = '<TABLE>';
code += '<TR><TH>姓名</TH><TH>性别</TH></TR>';
code += '<TR><TD>张三</TD><TD>男</TD></TR>';
code += '<TR><TD>李三</TD><TD>女</TD></TR>';
code += '<TR><TD>王三</TD><TD>男</TD></TR>';
code += '<TR><TD>赵三</TD><TD>男</TD></TR>';
div1innerHTML = code + '</TABLE>';
</script>
<body>
<div id='div1'></div>
</body>
但通常来说，开发者习惯动态的去添加行而非动态生成表格，因为表头基本都是固定的，每次都刷影响效率，故代码如下：
<script>
var div1 = documentgetElementById('tb1');
var code = '';
code += '<TR><TD>张三</TD><TD>男</TD></TR>';
code += '<TR><TD>李三</TD><TD>女</TD></TR>';
code += '<TR><TD>王三</TD><TD>男</TD></TR>';
code += '<TR><TD>赵三</TD><TD>男</TD></TR>';
div1innerHTML = code;
</script>
<body>
<div>
<table>
<THEAD><TR><TH>姓名</TH><TH>性别</TH></TR></THEAD>
<TBODY id='tb1'></TBODY>
</table>
</div>
</body>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/13396354.html

如何让table里面内容可以滑动

发表评论

评论列表（0条）