让溢出的文字隐藏
text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失,而变成三个点点的省略号*/
overflow:hidden; /*这个参数可以让超出部分隐藏起来,但是这个隐藏是一种按照宽度而来的直接隐藏*/
white-space:nowrap; /* 确保超出文字显示在一行里面*/
总结:对一个元素我们要添加哪些参数才能让一段文字不换行的方法,并防止文字溢出。
具体如下
{
width:XXpx;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
时间: 2024-10-27 08:13:55