如何用CSS让单行文本溢出显示省略号
<style>
p {
1.设置宽高
width:160px;
height:20px;
font:size:16px;
background-color:pink;
2.默认值,文字换上
white-space:normal;
3.让文字强制在一行显示
white-space:nowrap;
4.让溢出的文字隐藏
overflow:hidden;
5.超出部分用省略号代替
text-overflow:ellipsis;
}
</style>
<body>
<p>和平精英新春版本贺岁片《龙狮城传说》今日上映!</p>
</body>