我得到了一個具有固定寬度和高度的表格單元，并且如果文本太大，單元格大小應保持不變，并且文本應通過overflow：hidden隱藏。div { display: table-cell height: 100px; width: 100px; overflow: hidden; vertical-align: middle;}但是，如果添加的文本過多，則表格單元格會擴展到100px以上。有什么技巧可以阻止它擴展嗎？文本的長度應為幾行，因此“ white-space：nowrap”解決方案不適用
3 回答
泛舟湖上清波郎朗
TA貢獻1818條經驗 獲得超3個贊
根據CSS 2.1規則，表格單元格的高度為“內容所需的最小高度”。因此，您需要使用內部標記（通常是div元素（<td><div>content</div></td>））和元素上的set height和overflow屬性間接限制高度div（display: table-cell當然，不對其進行設置，因為它的高度將遵循CSS 2.1表格單元格規則）。
茅侃侃
TA貢獻1842條經驗 獲得超21個贊
您可以執行以下任一操作：
使用css屬性“ line-height”并針對每個表格行（）進行設置，這還將使內容垂直居中
將“ display” css屬性設置為“ block”，如下所示：
td
{
display: block;
overflow-y: hidden;
max-height: 20px;
}
祝好運！
- 3 回答
- 0 關注
- 1333 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消