网页常见功能，超出宽度，省略号代替

现在网页常见的功能，超出宽度，省略号代替：

<style>

div{width:200px;height:200px;border:1px solid #000;}

p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

</style>

<div>

<p> 

你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好

</p>

</div>

white-space:nowrap; 规定段落在文本中不换行

overflow:hidden;  溢出隐藏

text-overflow:ellipsis；显示省略符号来代表被修剪的文本。