在CSS中,可以使用height
屬性為表格單元格(td
)設(shè)定高度,這個屬性可以定義單元格的***小高度,也可以設(shè)定***大高度,下面是一些示例代碼:
/* 設(shè)定單元格的***小高度為50像素 */ td { height: 50px; } /* 設(shè)定單元格的***大高度為100像素 */ td { max-height: 100px; } /* 同時設(shè)定單元格的***小和***大高度 */ td { height: 50px; max-height: 100px; }
這些代碼可以幫助你輕松地設(shè)定表格單元格的高度,如果單元格中的內(nèi)容超出了設(shè)定的***大高度,那么內(nèi)容會被截斷,并且會出現(xiàn)滾動條,如果你希望內(nèi)容在超出設(shè)定高度時能夠自動換行,那么可以使用word-break
屬性:
/* 當(dāng)單元格內(nèi)容超出設(shè)定高度時自動換行 */ td { height: 50px; max-height: 100px; word-break: break-all; }
這樣,當(dāng)單元格中的內(nèi)容超出了設(shè)定的***大高度時,瀏覽器會自動將內(nèi)容換行顯示,而不會截斷內(nèi)容。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。