詳解table設定表格有捲軸實例
table 設定表格有捲軸。
少說多做，程式碼中有註解：
1 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6
<title>设置表格有滚动条</title> 7
<style> 8
* { 9 margin: 0;
padding: 0;11 }
table {
/*设置相邻单元格的边框间的距离*/
border-spacing: 0;16 /*表格设置合并边框模型*/
border-collapse: collapse;18
text-align: center;19 }
/*关键设置 tbody出现滚动条*/21 table tbody {
display: block;23
height: 80px;
overflow-y: scroll;25 }
table thead,
tbody tr {
display: table;30 width: 100%;31
table-layout: fixed;32 }33 /*关键设置：滚动条默认宽度是16px 将thead的宽度减16px*/34 table thead {35 width: calc( 100% - 1em)36 }37 38 39 table thead th {40 background: #ccc;41 }42 43 </style>44 </head>45 46 <body>47 <table width="80%" border="1">48 <thead>49 <tr>50 <th>姓名</th>51 <th>年龄</th>52 <th>出生年月</th>53 <th>手机号码</th>54 <th>单位</th>55 </tr>56 </thead>57 <tbody>58 <tr>59 <td>张三</td>60 <td>18</td>61 <td>1990-9-9</td>62 <td>13682299090</td>63 <td>阿里巴巴</td>64 </tr>65 <tr>66 <td>李四</td>67 <td>18</td>68 <td>1990-9-9</td>69 <td>13682299090</td>70 <td>阿里巴巴与四十大盗</td>71 </tr>72 <tr>73 <td>王五</td>74 <td>18</td>75 <td>1990-9-9</td>76 <td>13682299090</td>77 <td>腾讯科技</td>78 </tr>79 <tr>80 <td>孟想</td>81 <td>18</td>82 <td>1990-9-9</td>83
<td>13682299090</td>
<td>浏阳河就业</td>85
</tr>86
</tbody>87
</table>88 </body>89 90 </html>#效果：
以上是詳解table設定表格有捲軸實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
PPT表格中插入的圖片調整格式的操作步驟
Mar 26, 2024 pm 04:16 PM
1.新建一個PPT文件，命名為【PPT技巧】，作為範例。 2、雙擊【PPT技巧】，開啟PPT檔。 3、插入兩行兩列的表格，作為範例。 4.在表格的邊框上雙擊，上方工具列出現【設計】的選項。 5.點選【底紋】的選項，點選【圖】。 6.點選【圖片】，彈出以圖片為背景的填滿選項對話框。 7.在目錄中找到要插入的托，點選確定即可插入圖片。 8.在表格框上右鍵，彈出設定的對話框。 9.點選【設定儲存格格式】，勾選【將圖片平鋪為底紋】。 10.設定【居中】【鏡像】等自己需要的功能，點選確定即可。注意：預設為圖片填充在表格
抖音如何設定定時發布作品時間？它如何設定影片時間長短？
Mar 27, 2024 pm 06:11 PM
在抖音上發布作品能夠更吸引關注和點贊，但有時候我們可能難以即時發布作品，這時就可以利用抖音的定時發布功能。抖音的定時發布功能可讓使用者在預定的時間自動發布作品，這樣可以更好地規劃發布計劃，增加作品的曝光率和影響力。一、抖音如何設定定時發布作品時間？若要設定定時發佈作品時間，先進入抖音個人首頁，在右上角找到「+」按鈕，點選進入發佈頁面。在發布頁面右下角有一個鐘錶的圖標，點擊進入定時發布介面。在介面中，你可以選擇要發布的作品類型，包括短影片、長影片和直播等。接下來，你需要設定作品的發佈時間。抖音提供了
wps數值如何設定依條件自動變色_wps表格數值設定依條件自動變色的步驟
Mar 27, 2024 pm 07:30 PM
1.開啟工作表，找到【開始】-【條件格式】按鈕。 2、點選列選擇，選取將新增條件格式的列。 3.點選【條件格式】按鈕，彈出選項選單國。 4.選擇【突出顯示條件規則】-【介於】。 5、填寫規則：20，24，深填色深綠色文字。 6.確定後，所選列中資料依設定對對應數字文字、單元框加色處理。 7.對於沒有衝突的條件規則，可以重複添加，但對於衝突規則wps則會以最後添加的規則代替先前建立的條件規則。 8.重複新增【介於】規則20-24和【小於】20後的單元列。 9.如需改變規則，剛可以清除規則後重新設定規則。
抖音標籤在哪裡設定出來？它怎麼打標籤，才能精準推流？
Mar 27, 2024 am 11:01 AM
抖音作為全球最受歡迎的短影片平台之一，讓每個人都能成為創作者，分享生活中的點點滴滴。對於抖音使用者來說，標籤是一個非常重要的功能，它可以幫助使用者更好地分類和檢索內容，同時也能讓平台更精準地推送合適的內容給使用者。那麼，抖音標籤在哪裡設定呢？本文將詳細介紹如何在抖音上設定和使用標籤。一、抖音標籤在哪裡設定？在抖音上使用標籤可以幫助使用者更好地分類和標記自己的作品，讓其他使用者更容易找到並關注。設定標籤的方法如下：1.開啟抖音APP，並登入你的帳號。 2.點選畫面下方的「+」號，選擇「發表」按鈕。 3.
微博怎麼設定定時發布_微博設定定時發布方法教程
Mar 29, 2024 pm 03:51 PM
1.開啟微博客戶端，在編輯頁面中點選三個小點，再點選定時發。 2.點擊定時發之後，在發佈時間右側就有時間選項，設定好時間，編輯好文章，點擊右下角的黃色字定時發布即可。 3.微博手機端暫時不支援定時發布，只能在PC客戶端使用該功能哦！
qq中設定回車鍵發訊息的操作方法
Mar 25, 2024 pm 07:10 PM
1.先在手機桌面點選進入qq，點選左上角的頭像。 2.點選左下角的【設定】。 3.點選開啟【輔助功能】。 4.然後我們只要點選打開【回車鍵發送訊息】開關即可。
請勿打擾模式在iPhone中不起作用：修復
Apr 24, 2024 pm 04:50 PM
即使在「請勿打擾」模式下接聽電話也可能是一種非常煩人的體驗。顧名思義，請勿打擾模式可關閉來自郵件、訊息等的所有來電通知和警報。您可以按照這些解決方案集進行修復。修復1–啟用對焦模式在手機上啟用對焦模式。步驟1–從頂部向下滑動以存取控制中心。步驟2–接下來，在手機上啟用「對焦模式」。專注模式可在手機上啟用「請勿打擾」模式。它不會讓您的手機上出現任何來電提醒。修復2–更改對焦模式設定如果對焦模式設定中存在一些問題，則應進行修復。步驟1–打開您的iPhone設定視窗。步驟2–接下來，開啟「對焦」模式設
大麥怎麼設定搶票倒數計時
Apr 01, 2024 pm 07:01 PM
大麥網購票時，為了確保能夠準確掌握購票時間，用戶可以設定一個懸浮時鐘來進行搶票，詳細的設定方法就在下文中，讓我們一起學習下吧。大麥綁定懸浮時鐘方法1.在手機中點擊開啟懸浮時鐘app進入介面後，在設定秒殺提查的位置點擊，如下圖所示位置：2.來到新增記錄的頁面後，把在大麥網中複製的買票連結頁面複製進去。 3.接下來在下方設定秒殺時間和通知時間，打開【儲存到日曆】後面的開關按鈕，並在下方點選【儲存】。 4.點選開啟【倒數計時】，如下圖所示：5.到提醒時間時在下方點選【開始畫中畫】的按鈕。 6.購票時間到時
