css 文字溢位隱藏,省略號代替 阿新 • • 發佈:2021-01-11 技術標籤:csscss 1,單行文字溢位 .text{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 效果如下: 2,多行文字溢位 .text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*設定對其模式*/ -webkit-line-clamp: 2; /*設定多行的行數*/ } 效果如下: