Css--让溢出的文字隐藏

Posted 2020-06-30

让溢出的文字隐藏

text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失，而变成三个点点的省略号*/

overflow:hidden; /*这个参数可以让超出部分隐藏起来，但是这个隐藏是一种按照宽度而来的直接隐藏*/

white-space:nowrap; /* 确保超出文字显示在一行里面*/

总结：对一个元素我们要添加哪些参数才能让一段文字不换行的方法，并防止文字溢出。

具体如下

{  

　　width:XXpx;

　　white-space:nowrap;

　　overflow:hidden;

　　text-overflow:ellipsis;

}