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