鎖定td的高度 如何固定單元格的高度

2021-10-17 05:52:40 字數 791 閱讀 5126

目標

固定單元格的高度,不隨內容的增多而撐開,只顯示固定的行數,多餘的內容忽略

實現方式

在 td 內容的外層包乙個 span,並設定 span 的最大高度(max-height),追加 overflow: hidden; 以隱藏多餘的部分

注意:這裡必須使用 max-height,如果使用 height ,則會引起其他同類的單元格無法垂直居中;如果再用 line-height 去修正,則內容多的單元格顯示內容又會減少

最終效果

示例**

demo

table {

width: 300px;

border-bottom: 2px solid #2ab65b;

border-right: 2px solid #2ab65b;

table th,table td {

border-left: 2px solid #2ab65b;

border-top: 2px solid #2ab65b;

font-weight: normal;

padding: 1px;

table .td-content {

display: block;

max-height: 42px;

overflow: hidden;

標題1標題2

標題311

這個內容比較多啊,會更改單元格的高度

33.000

單元格寬度 技巧 讓固定單元格裝下更多文字

首先,我們來了解下,什麼是固定寬度?在編輯 的時候,寬度保持設定的大小不變,不會放大也不會縮小。比如說我們這個 已經設定好了固定的格式,我們不希望這個 的尺寸再變化了。但是,在這個單元格中錄入文字的時候,當文字數量超出現有單元格寬度的時候,就會變成下圖第3行中的單元格的樣子。如上圖,我們錄入的郵箱位...

VSTO如何選定單元格

最近在用vsto做點小東西,乙個意外的錯誤,讓我發現了三種給單元格賦值的方法 前兩種是用range物件,而第三種只用cell即可。先宣告乙個range物件 excel.range xlrange null 一 使用worksheet中的get range 方法。此方法沒有過載,所以選定乙個單元格時特...

EXCEL(選定單元格區域的方法)

2 1 使用select方法選定單元格區域 選中工作表 sheets sheet2 activate 選中區域 sheets sheet2 range a1 b10 select 2 2 使用activate方法選定單元格區域 sub rngactivate sheets sheet2 activa...