<html>
<head>
<title>表格自动换行显示第一行</title>
</head>
<style>
table{table-layout: fixed; }
//这里是主要的
td{
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
</style>
<body>
<table width="300" border="1" >
<tr>
<td title="按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时
大法师的法第三方按时大法师的法第三方按时大法师的法第三方">
按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第
三方按时大法师的法第三方按时大法师的法第三方
</td>
<td width="100">
ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</td>
<td title="按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时
大法师的法第三方按时大法师的法第三方按时大法师的法第三方">
按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第
三方按时大法师的法第三方按时大法师的法第三方
</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
CSS实现多行文字显示省略号效果.zip
表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE,FF,safari
HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号,但鼠标可以选择文字,酷吧……
jQuery文字溢出显示省略号插件是一款基于dotdotdot.js插件实现的单行多行文本溢出显示省略号
今天小编就为大家分享一篇Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
js文字超出省略号特效
视频与票的图标跟在标题后面显示,当标题过长时icon显示到省略号…后(textview省略号显示,图标自动靠后)。 二、问题解决 TextView可以通过 android:ellipsize=end android:singleLine=true实现单行省略, 但是...
Android动态点点省略号效果的等待控件,可直接运行查看效果
wpf Textblock 文字过长时,中间用省略号代替。有好的方法,请回复
解决表格内容长度超过限制 表格内容 超过长度用省略号代替
dotdotdot.js插件是一款基于jQuery实现的单行多行文本文字内容超出溢出部分显示省略号的代码。
jquery带省略号分页,已经亲自测试过,最近公司要求的做的分页效果就是用的这片代码
带省略号显示的CStatic控件,扩展自CWnd类,能使用省略号方式按需显示长路径,按需设置格式。
DIV内多行文字垂直居中,并且超过固定行数时显示省略号
省略号样式的 动效,作为loading状态的过渡,自定义控件
8.如何用省略号显示字符串的其余部分?(Visual C++编程 源代码)8.如何用省略号显示字符串的其余部分?(Visual C++编程 源代码)8.如何用省略号显示字符串的其余部分?(Visual C++编程 源代码)8.如何用省略号...
//溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? 超出两行隐藏: css3解决了这个问题,解决方法如下: display:-webkit-box; //将对象作为...
CSS 省略号 完美解决 鼠标放上显示不能看部分的内容
主要介绍了bootstrap表格内容过长时用省略号表示的解决方法,需要的朋友可以参考下