向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>
相關文章
- 1. table添加水平滾動條
- 2. bootstrap table 水平滾動條
- 3. el-table無水平滾動條
- 4. 水平滾動條
- 5. CSS——水平(橫向滾動條)
- 6. html table表格列數太多添加橫向滾動條
- 7. html/jsp 中table標籤如何添加橫向滾動條
- 8. html-table tbody加滾動條
- 9. 橫向ListView（四） —— 添加滾動條
- 10. Android入門 向TextView添加滾動條
- 更多相關文章...
- • ionic 滾動條 - ionic 教程
- • Eclipse 添加書籤 - Eclipse 教程
- • 算法總結-滑動窗口
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
