html+css 用table展示数据，列头过多
table的列头有20多个而且列头字数有的挺长的，想放在div中用滚动条来实现。求代码。我写的代码老是出现这样的。想要横着的列表。如果有例子让例子中的列头都是4个字，要2...
table的列头有20多个 而且列头字数有的挺长的，想放在div中用滚动条来实现。求代码。我写的代码老是出现 这样的。想要横着的列表。如果有例子 让例子中的列头都是4个字，要25个列头。
展开
2个回答
展开全部
1、表格的一列设置足够的宽度
2、表格放到div里，div设置你需要的宽度，且设置overflow:hidden;属性，表示超出了就用滚动条
上一个例子
<html xmlns="
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#table_content{margin:50px;padding:20px;width:800px;min-height:200px;overflow:scroll;border:1px solid #ccc;}
table{width:3755px;}
th,td{width:200px;border:1px solid #ccc;}
th{background:#ccc;}
</style>
</head>
<body>
<div id="table_content">
<table>
<tr>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
<th>我是5个字</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
<td>内容</td>
</tr>
</table>
</div>
</body>
</html>
简单效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
