<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>给table新增水平滚动条</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gbk-123">
<style type="text/css" mce_bogus="1">
table th{
white-space: nowrap;
}
table td{
white-space: nowrap;
}
body,table{
font-size:12px;
}
table{
empty-cells:show;
border-collapse: collapse;
margin:0 auto;
}
h1,h2,h3{
font-size:12px;
margin:0;
padding:0;
}
table.tab_css_1{
border:1px solid #cad9ea;
color:#666;
}
table.tab_css_1 th {
background-image: url("th_bg1.gif");
background-repeat:repeat-x;
height:30px;
}
table.tab_css_1 td,table.tab_css_1 th{
border:1px solid #cad9ea;
padding:0 1em 0;
}
table.tab_css_1 tr.tr_css{
background-color:#f5fafe;
height:30px;
}
</style>
</head>
<body>
<div style="overflow: auto; width: 100%;">
<table border="1" class="tab_css_1">
<thead>
<th>序号</th>
<th>地市</th>
<th>区县</th>
<th>门店名称</th>
<th>对应直供客户名称</th>
<th>虚拟账号</th>
<th>门店负责人</th>
<th>联系方式</th>
<th>面积</th>
<th>店面属性</th>
<th>营业人数</th>
<th>月销量</th>
<th>月开卡量</th>
<th>对应渠道督导</th>
<th>是否有营业执照</th>
</thead>
<tr class="tr_css" align="center">
<td>1</td>
<td>泉州</td>
<td>南安</td>
<td>系统公司</td>
<td>终端门店</td>
<td>林计钦</td>
<td>qz1891234567</td>
<td>1891234567</td>
<td>20</td>
<td>直营店</td>
<td>5</td>
<td>50</td>
<td>40</td>
<td>张三</td>
<td>是</td>
</tr>
<tr class="tr_css" align="center">
<td>2</td>
<td>泉州</td>
<td>安溪</td>
<td>安溪铁观音集团</td>
<td>御品仙茶业</td>
<td>林计钦</td>
<td>qz1891234567</td>
<td>1891234567</td>
<td>20</td>
<td>直营店</td>
<td>5</td>
<td>50</td>
<td>40</td>
<td>张三</td>
<td>是</td>
</tr>
</table>
</div>
</body>
</html>