CSS实现文字超出省略效果.pdfVIP

文字超出省略

题目

文字超出省略，用哪个CSS样式？

分析

如果你有实际工作经验，实际项目有各种角色参与。页面需要UI设计，开发完还需要UI评审。

UI设计师可能是这个世界上最“抠门”的人，他们都长有像素眼，哪怕差1px他们都不会放过你。所以，开发时要严格按照视觉

稿，100%还原视觉稿。

但如果你没有实际工作经验（或实习经验），仅仅是的项目，或者跟着课程的项目。没有UI设计师，程序员的审美是不

可靠的，肯定想不到很多细节。

所以，考察一些UI的细节样式，将能从侧面判断你有没有实际工作经验。

单行文字

#box1{

border:1pxsolid#ccc;

width:100px;

white-space:nowrap;/*不换行*/

overflow:hidden;

text-overflow:ellipsis;/*超出省略*/

}

多行文字

#box2{

border:1pxsolid#ccc;

width:100px;

overflow:hidden;

disy:-webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

-webkit-box-orient:ve