台灣最大程式設計社群網站
線上人數
837
 
會員總數:242479
討論主題:187518
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 表格中每行的高度一致
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
表格中每行的高度一致
價值 : 50 QP  點閱數:193 回應數:3

樓主

迷路
高級專家
9796 131
6271 1625
發送站內信

捐贈 VP 給 迷路
表格中每個格子可能會放一到數行內容
由於不確定格子中最多的行數是多少
所以無法直接寫死tr的高度
想問這樣是否能用css統一表格中每行的高度

搜尋相關Tags的文章: [ 多行同高 ] ,
本篇文章發表於2018-02-13 18:35
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
其實是可以用css直接指定高度的。只是table的特性。
如果你要比原內容高是沒什麼問題。但如果要比原內容低的話,這樣是不行的。
table的特性就是自適應處理,但會依所有內容可見為主。
也就是說,如果你的行高內容約100px的話。你想設定為50px
它不會理你。還是維持在100px的高度。

解決的方式,其實可以將內容再用一個div包起來並指定其你想要的高度後,再配合 overflow: hidden;
這樣子其tr td就會依其div的高度自動的自適應。且你的內容就算超過可視範圍,也可以自動隱藏不顯示。
如果改成auto的話,則會有捲軸可以拖拉看所有內容。

因不太知道你要的情境是如何的。給你上面的方式參考
本篇文章回覆於2018-02-14 10:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

迷路
捐贈 VP 給 迷路 檢舉此回應
我的情況是每個tr的高度不同
第一個tr有一行
第二個tr有三行
第三個tr有兩行
因為行數是不固定的
所以沒辦法直接以最多行數來設定高度
這樣畫面看起來就會忽高忽低
想問看看css有沒有辦法讓每個tr的高度自動調整為一致
本篇文章回覆於2018-02-21 14:58
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這沒辦法用css直接宣告設定了,你會需要用js程式來幫你處理。

或是直接宣告固定高度
本篇文章回覆於2018-02-22 11:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.