td超过的文字设置省略号

加样式
text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
table再加上
table-layout:fixed;

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head>
<style>table{margin:0 auto;width: 300px;margin-top: 20px;margin-bottom: 20px;font-family: "微软雅黑";table-layout:fixed;}table td{border-bottom: 10px solid #666666;/*下面4行是实现超过td文字变省略号,另外还要给table加上table-layout:fixed;*/text-overflow:ellipsis;-moz-text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
</style>
<body><div><table cellpadding="3" cellspacing="0"><tr><td>啊啊啊啊啊a a aaaaaaa</td><td>发发发</td><td> 的方法</td><td>的非官方</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa的非官方的股份给电饭锅</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr><tr><td>sss</td><td>aaa</td><td>aaa</td><td>aaa</td></tr></table></div>
</body>
</html>

td超过的文字设置省略号相关推荐

js超过的文字用省略号显示
省略多余字符,用...显示. js方法: export function ellipsis(value, len) { if (!value) return '' if (value.length & ...
css超出两行省略号没效果,Css 设置超过再两行显示省略号
大部分场景都是超过一行就显示... {{item.name}} {{item.name}} export default { return { item: {name:'this is a very ...
在td标签中文字超出显示省略号，鼠标悬停显示所有文本
在td标签中文字超出显示省略号,鼠标悬停显示所有文本首先得在table的style中加入table-layout:fixed,让表格固定,然后用width设定表格的宽度. 然后表格中所有的列都一样宽 ...
elementui中，表格里的文字设置指定行溢出显示省略号，并且鼠标放上去能看到全部的文字
嗨害嗨,我又来了奥.今天呢,遇到有人问了一个这样的问题,就是如果在elementui中,表格里的文字设置指定行溢出显示省略号,并且鼠标放上去能看到全部的文字,该怎么做. 首先,我们知道elementu ...
CSS设置溢出文字显示省略号
CSS设置溢出文字显示省略号相关CSS .text-ellipse{ width: 100px;height:50px;border:2px solid red;overflow:hidden;te ...
CSS设置文本不换行多余文字显示省略号
文章目录一.使用步骤一.使用步骤 1.文字单行不换行多余文字显示省略号代码如下(示例): white-space: nowrap;display: block;overflow: hidden; ...
php实现一行省略号,css实现文字溢出省略号的四种方法（附代码）
本篇文章给大家带来的内容是关于css实现文字溢出省略号的四种方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在项目中有涉及实现一行或者第几行后加省略号,在实现第几行后加 ...
Android ellipsize属性(多余文字用省略号显示)
TextView中可以设置一个ellipsize属性,作用是当文字长度超过textview宽度时的显示方式: 例如,字符串"abcedfghijklmn" 的各种现实效果: and ...
flex布局下文字超出省略号代替不起作用解决方法
项目中发现,在flex布局下,希望目标元素文字超出省略号时,text-overflow: ellipsis属性无效,结论是设置文字超出省略号的元素,然后网上找了一圈设置父元素width: 0.over ...
css文本溢出时候，如何把多余的文字显示省略号
css文本溢出时候,如何把多余的文字显示省略号日常做的项目中常常有这种需要我们对溢出文本进行"-"显示的操作(我也是通过一行文字到下一行,破坏了我的布局,所以才去找各种办法,然后 ...

td超过的文字设置省略号

td超过的文字设置省略号相关推荐

最新文章

热门文章