日期:2014-05-17  浏览次数:20588 次

关于显示文本过长导致样式变化的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”是不是很简单。