手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Td或Div文字超出宽度的CSS隐藏方法
Td或Div文字超出宽度的CSS隐藏方法
摘要:当我们定义了Divwidth后,里面的内容有可能比较多,会超出来,将div或表格撑的大大的,变形了影响网页美观,介绍一种方法,用CSS强制隐...

 当我们定义了Div width后,里面的内容有可能比较多,会超出来,将div或表格撑的大大的,变形了影响网页美观,介绍一种方法,用CSS强制隐藏掉多余的内容并自动显示省略号,比如下面这段HTML的定义方法:

Td或Div文字超出宽度的CSS隐藏方法1

在上面的CSS代码中,text-overflow:ellipsis指当对象文本溢出时显示省略号标记(...),text-overflow:clip是默认取值,不会显示省略标记(...),而是裁切掉多余内容。不过还要注意,在CSS代码中:

overflow: hidden;

text-overflow:ellipsis;

white-space:nowrap;

这3个定义一定要一起用,一定要给容器设置宽度,一定要给table(或者其他容器)定义table-layout:fixed;只有定义了表格的布局算法为fixed,下面td的定义才能起作用!

【Td或Div文字超出宽度的CSS隐藏方法】相关文章:

目前比较全的CSS reset重设方法总结

div+css垂直居中的五种实现方法

5种方法立刻写出更好的CSS代码

用CSS实现文字的阴影效果

文字排版在网页制作中应遵守的原则

解决跨浏览器兼容的CSS编码准则

CSS:清除浮动的最优方法

文字列表前带数字1234 隔行换色

常用的10种CSS BUG解决方法与技巧

IE6下div层被select控件遮住的问题解决方法

精品推荐
分类导航