css如何实现隐藏多余文字并显示省略号

<meta charset="utf-8" /> 

<style> 

 .txt{ 

 width:200px; 

 border:1px solid #ddd; 

 overflow: hidden; 

 white-space: nowrap; 

 text-overflow: ellipsis; 

 } 

style> 

<p class="txt">隐藏多余文字并显示省略号隐藏多余文字并显示省略号隐藏多余文字并显示省略号p>

 text-overflow: clip|ellipsis|string;属性规定当文本溢出包含元素时发生的事情

 clip 修剪文本，ellipsis 显示省略号来代替被修剪的文本 ，string 使用给定的字符串来代表被修剪的文本。

 white-space: nowrap 规定段落中的文本不进行换行.