首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-11-25 
关于显示文本过长导致样式变化的CSS处理在页面上我们常常会遇到显示的内容过长的问题,我们只需要简略显示

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

热点排行