打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
向table添加水平滚动条
<!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>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
四个好看的CSS样式表格
table固定前两列和最后一列,其他滑动显示
用css多种方法实现表格行交替变色
div css测试
样式表代码
Jquery Table 的基本操作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服