关于显示文本过长导致样式变化的CSS处理

在页面上我们常常会遇到显示的内容过长的问题，我们只需要简略显示长文本时，如果不加处理经常会把标签给撑开，是页面布局不像样子。
我们可能都有处理这个问题的经验，通常我们会用js进行处理，甚至在action中处理，这些我就不多说了，最近发现了一中使用css来处理这个问题的方法：

<style>
   .text{width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; course:hand; margin:0 auto;FONT-SIZE: 14px; COLOR: #003399; TEXT-DECORATION: none;
	float: left;} 
   </style>

在你显示变量的dom容器中调用这个css就行了，设置class=“text”是不是很简单。