600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 在td标签中文字超出显示省略号 鼠标悬停显示所有文本

在td标签中文字超出显示省略号 鼠标悬停显示所有文本

时间:2019-12-05 08:49:56

相关推荐

在td标签中文字超出显示省略号 鼠标悬停显示所有文本

在td标签中文字超出显示省略号,鼠标悬停显示所有文本

首先得在table的style中加入table-layout:fixed,让表格固定,然后用width设定表格的宽度。

然后表格中所有的列都一样宽了,这样肯定不好,所以要在tbody上加入<col style="width:10%">这个标签,有几列就加几个,这样就能调节宽度了

然后在td标签中加入如下的属性

<td style="white-space:nowrap; text-overflow: ellipsis; overflow: hidden;" title="要显示的文本">

white-space:nowrap 文本不会换行

text-overflow: ellipsis 超出部分用省略号显示

title 设置标题(设置标题后当鼠标悬停在文本上会显示所有的文字)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。