CSS中常常需要對(duì)表格進(jìn)行調(diào)整和美化,其中之一就是截?cái)啾砀竦墓δ堋?/p>
截?cái)啾砀窨梢酝ㄟ^(guò)設(shè)置單元格寬度來(lái)實(shí)現(xiàn)。如果單元格內(nèi)容超出寬度,就會(huì)被截?cái)嗖@示省略號(hào)。CSS代碼如下:
table { width: 100%; border-collapse: collapse; } td { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
其中,width: 100%
表示設(shè)置表格寬度為100%;border-collapse: collapse;
表示合并邊框;
overflow: hidden;
表示超出部分隱藏,text-overflow: ellipsis;
表示超出部分用省略號(hào)表示,white-space: nowrap;
表示內(nèi)容不換行。
使用以上CSS代碼可以實(shí)現(xiàn)截?cái)啾砀?,讓表格更加?jiǎn)潔美觀。
上一篇mysql求最大與最小值
下一篇css 表格 第一列