单行溢出文字省略号显示（HTML、CSS）
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>单行溢出文字省略号显示</title><style>div {width: 150px;height: 80px;background-color: skyblue;margin: 100px auto;/* 这个单词的意思是如果文字显示不开则自动换行 *//* white-space: normal; *//* 这个单词的意思是如果文字显示不开则也必须强制在一行内显示*/white-space: nowrap;/* 溢出的部份隐藏起来 */overflow: hidden;/* 文字溢出的时候用省略号显示 */text-overflow: ellipsis;}</style></head><body><div>在一个漆黑的夜晚，我从睡梦中惊醒过来！！！一摸后背全是汗水。宿友们已经睡熟了。这时对着我床位的窗户被一阵风呼的一声吹开了,</div></body></html>
![[2024年]未来汽车：颠覆性科技与可持续发展的1200字作文素材整理](https://1200zi.500zi.com/uploadfile/img/2024/05/24/643bbd881d910528bca7248cb10c7c5e.jpg)
