如何实现网页表格中一行多出的文字变成省略号或者隐藏

如题所述

推荐答案 2017-08-17

å®ç°ä»£ç å¦ä¸ï¼
.mytable{
width:500em;
table-layout:fixed;/* åªæå®ä¹äºè¡¨æ ¼çå¸å±ç®æ³ä¸ºfixedï¼ä¸é¢tdçå®ä¹æè½èµ·ä½ç¨ã */
}
.mytable td{
width:100%;
word-break:keep-all;/* ä¸æ¢è¡ */
white-space:nowrap;/* ä¸æ¢è¡ */
overflow:hidden;/* åå®¹è¶åºå®½åº¦æ¶éèè¶åºé¨åçåå®¹ */
text-overflow:ellipsis;/* å½å¯¹è±¡åææ¬æº¢åºæ¶æ¾ç¤ºçç¥æ è®°(...) ï¼éä¸overflow:hidden;ä¸ èµ·ä½¿ç¨ã*/
}

éç¨ css æ ·å¼ æ¥éè
<style type="text/css">
.style1{
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
width:200px;
}
</style>
ä¸è¬æ·»å å°<head>ä¹é´å³å¯ã

温馨提示：答案为网友推荐，仅供参考

当前网址：http://00.wendadaohang.com/zd/jjTDnZDeZeTeBr0Bjn.html

相似回答

table表格里怎样增加省略号功能答：1.起因接到需求，说如果 table 里的字太多就用省略号，很自然就想到 text-overflow:ellipsis (，注意：overflow: hidden; text-overflow:ellipsis; white-space:nowrap 一定要一起用)，但是在 table 中不起作用，立即百度，说要想起作用需给 table元素设定 table-layout: fixed ，果然起作用了。2. ...

...不会随着文字的多少改变大小多出的文字隐藏,最好能详细说明感激不尽...答：能换行的，{ height：88px；width:88px;overflow:hidden;}即可。楼主是不是说的不呢过换行的，{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60px;} 可以这样设置绝不会换行，而且如果文字大于设定宽度还会出现省略号。（试试，省略号不是手动加的啊！）60分挺多啊！

溢出隐藏:最全的利用css解决内容溢出问题的几种方案答：一、利用换行来解决溢出问题1. 如何用word-wrap解决文字溢出的问题word-break:break-all和word-wrap:break-word经常用来解决长字符串换行问题。word-break:break-all在IE6/7/chrome/safari为一派，表现为尾部截断，而ff3.0/opera表现为无效。既过长单词换行显示，然后溢出边界。word-wrap:break-word;在...

我在dw中的一个表格谢了一些文字 很多文字都溢出了怎么把溢出的...答：我想应该不是你要的结果！！你给你的div设置一个宽度跟高度，然后用这个用这个试试 如果你只是想要一行的，那1楼的那位就是个很好的方法，缺点就是火狐浏览器不支持这个text-overflow:ellipsis;用省略号代替超出部分。

大家正在搜

网页表格如何导出网页中的表格怎么导入Excel 网页导出表格导不出来如何将文字转换为表格网页数据导出excel表格网页上的表格怎么下载下来表格文字怎么居中表格内文字换行怎样将文字转换成表格