www.rtmj.net > html怎么让表格里的数据过长时用省略号展示两种方...

html怎么让表格里的数据过长时用省略号展示两种方...

html过长自动替换省略号width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;用这个css样式就行了

xxxxxxxxoooooooo

text-overflow: ellipsis; overflow: hidden; white-space: nowrap;

写两个div元素,第一个是需要尺寸的省略号,第二个是完整标题,然后默认把第二个div隐藏掉(怎么隐藏掉有很多方法爱用哪个用哪个),给它设置hover样式,在hover里面正常显示即可

<!DOCTYPE html > <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>文字超过两行或三行就显示省略号</title> <style type="text/

给div加上这个样式试试.target{white-space:nowrap; width:12em; overflow:hidden; border:1px solid #000000;}

这个倒也是可以,不过,不是我要的效果啊,我是超过这个长度就省略号显示

你可以点击该链接,然后按快捷键ctrl+A就可以全选连接内容,然后按ctrl+c就可以复制全部内容;再看看别人怎么说的.

呵呵.. 我也想知道不过你说的那个省略号代替功能不是html实现的 一般是服务端生成的..不过你可以在html中加入自动换行命令<td style="word-break: keep-all">

在这个div的css属性中设置: { text-overflow:ellipsis; //将文本超出的本分用省略号显示 overflow: hidden; //设置溢出隐藏 }

相关搜索:

网站地图

All rights reserved Powered by www.rtmj.net

copyright ©right 2010-2021。
www.rtmj.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com