1、我们首先来看看文本溢出的情况，很明显当宽度边侵脾不够时，文本会自动换行
2、我们用Dreamweaver打开这个网页
3、然后给文本添加这样一段CSS样式：
white-space: nowrap; /*超出的空白区域不换行*/
overflow: hidden; /*超出隐块宿藏*/
text-overflow: ellipsis; /*文宿倘本超出显示省略号*/
4、然后点击保存并在浏览器中浏览
5、可以看到，溢出显示不了的文字变成了省略号，不是换行了
1、当我们在做网页的时候，如果我们要想在不同设备运行下保证布局不会出错，就需要对文字的长度进行限定。这时这个样式就能够派上用场了