以下方法的實現重點是將表單元素轉換成行內塊（由此tbody可實現超出滾動），並將單元格賦予固定值，可實現單元格內容超出以省略號顯示，這樣的實際需求決定了此種情況下的table不再是根據內容而響應的。
在設定td的寬度時，有時總和要比100%小些才不會導致一行放不下，應該是因為滾動條有一定的寬度。通常情況下，不是每乙個td都需要設定寬度的，只給需要超出以省略號顯示的td乙個固定寬度即可，剩餘的會自動分配其餘空間。
優化1：將如下**中tr的display: inline-block；改為display: flex;，由此，td的寬度總和為100%即可，無需考慮滾動條所佔的寬度了。
優化2：配合修改瀏覽器的預設滾動條的css**，可以使table更美觀
補充1：當給tr乙個background時，在低版本google瀏覽器中，出現了每個td都繼承了tr的背景樣式的bug，目前沒找到比較簡單合適的解決方法，通過本文的例子可以比較快速的解決該問題，雖然本質上table已經不具有table屬性了。
補充2：該方案僅用於純手寫table**時，當使用一些ui框架比如elementui的時候，基本直接都封裝好了。
片名1aaaaaaaaaaaaaaaaaaaaa
導演劇情介紹
1超時空同居
導演名每當我遇到自己不敢直視的困難時，我就會閉上雙眼，想象自己是乙個80歲的老人，為人生中曾放棄和逃避過的無數困難而懊悔不已，我會對自己說，能再年輕一次該有多好，然後我睜開眼睛：砰！我又年輕一次了！
22aaaaaaaaaaaaaaaaaaaaa
品名1**1**1**1**1
3品名1品名1
**1 4
品名1品名1
**1 5
品名1品名1
**1 6
品名1品名1
**1 7
品名1品名1
我是如何做固定頭部 thead 的
在前端開發中經常遇到需要頁面滾動時，固定某個區域顯示，常見 的需求，因為 有很多列，如果列名不固定在頂部顯示，滾動到底部時，可能就不知道某些列對應的是什麼了 那我們就聊一下如何在滾動時固定 thead 讓它始終顯示在列表的上方 如果我們用css來實現，網上常見的一種方案是給tobdy乙個固定高度，然...
antd Table設定固定高度
antd 的 table 高度是根據資料條數來渲染撐高的。碰到領導要求，table有個固定高度，因為資料只有一兩條的時候介面難看。然後在antd的 上搜尋了都沒有找到合適的。就自己整了騷操作。修改樣式。給.ant table設定最低高度。ant table 當 資料為空時，修改.ant empty ...
無固定高度的div垂直居中
1 無固定高度的div垂直居中 css 實現效果圖如下 附上 charset utf 8 name viewport content width device width,user scalable 0 content yes content black head style position re...