易截截图软件、单文件、免安装、纯绿色、仅160KB

用 CSS 实现文本过长时,省略号“……”显示效果。


Html代码 
view plaincopy to clipboardprint?  
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">    
<nobr>就是比如有一行文字,很长,表格内一行显示不下.</nobr>    
<nobr>这是不该换行的文本,这是一行不该换行的文本 ,这是文本行的结尾。</nobr>    
</div>    
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">  
<nobr>就是比如有一行文字,很长,表格内一行显示不下.</nobr>  
<nobr>这是不该换行的文本,这是一行不该换行的文本 ,这是文本行的结尾。</nobr>  
</div>   
解释:<nobr></nobr>标签与<br/>标签对立,表示不换行,这里最强的是text-overflow:ellipsis;来看一CSS中对这一属性的解释: 
语法: 
  text-overflow : clip | ellipsis 
  参数: 
  clip :  不显示省略标记(...),而是简单的裁切 
  (clip这个参数是不常用的!) 
  ellipsis :  当对象内文本溢出时显示省略标记(...) 
  说明: 
  设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 
  最大的缺点:text-overflow:ellipsis属性在FF中是没有效果的。 
注意:
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。 
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果。 
三、同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果: 
请您非凡注重,text-overflow:ellipsis属性在FF中是没有效果的。(Y_Y) 
原文:http://zzx0421.javaeye.com/blog/450958


相关文档:

Appfuse CSS更改资源

1.一个很好的Appfuse学习论坛:http://n4.nabble.com/AppFuse-f547863.html
2.Appfuse CSS的开发https://appfuse-css.dev.java.net/
3.CSS样式的查看,CSS Framework Themes: http://css.appfuse.org/themes/
4.CSS 样式的下载http://issues.appfuse.org/browse/CSS-13
个人感觉比较好的两个CSS style
http://css.appfu ......

Css实现表格奇偶行不同色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双色表格CSS实例</title>
<style type="text/css">
#DataGrid1 tr {
    background-color: expression(
        this.sectio ......

IE与Firefox的CSS兼容大全 来源:cz268

CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1、DOCTYPE 影响 CSS 处理
2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margi ......

【CSS】CSS 设计技巧(转)

一.使用css缩写
引用内容:
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:
颜色
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;
盒尺寸
通常有下面四种书写方法:
property:value1; 表示所有边都是一个值value1;
proper ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号