table的td里要显示文字，如果超出了td 的宽度，使超出的部分以...表示
比如AAAAAAAAAAAAAAA要使它只显示AAAAA...我在网上看了些代码但是还是老样子...
比如AAAAAAAAAAAAAAA 要使它只显示AAAAA... 我在网上看了些代码 但是还是老样子
展开
4个回答
展开全部
这个，我告诉你个方法：
定个样式，如：
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
然后：td中加class="ellipsis"
前提是td要固定宽度。
定个样式，如：
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
然后：td中加class="ellipsis"
前提是td要固定宽度。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="javascript"> function view10(){ document.getElementById("myID").innerHTML=left(document.getElementById("myID").innerHTML,12)+"..." } function left(mainStr,lngLen) { if (lngLen>0) {return mainStr.substring(0,lngLen)} else{return null} } </script> <body onload="view10()"> <table><tr><td id="myID">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td></tr></table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.去掉table默认样式
border-collapse:collapse;
border-spacing:0;
2.特性：table是一个整体，每一列td的宽度是由一个其中一个最长td的宽度决定的。
解决：一定要在table标签上下面的css,之后再设置百分比宽度就可以生效了
word-wrap: break-word
word-break: break-all
作者：萤火虫de梦
链接：https://www.jianshu.com/p/3fe0ed5f88b7
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
border-collapse:collapse;
border-spacing:0;
2.特性：table是一个整体，每一列td的宽度是由一个其中一个最长td的宽度决定的。
解决：一定要在table标签上下面的css,之后再设置百分比宽度就可以生效了
word-wrap: break-word
word-break: break-all
作者：萤火虫de梦
链接：https://www.jianshu.com/p/3fe0ed5f88b7
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
