<html>
<head>
<title>自动省略号</title>
<style type="text/css" >
#tableShow
{
width:800px;
table-layout:fixed;
}
#tableShow tr td
{
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
}
</style>
</head>
<body>
<div style="width:100px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;">
测试内容测试内容测试内容测试内容
</div>
<table id="tableShow" >
<tr>
<td>
测试内容测试内容测试内容测试内容
</td>
<td>
测试内容测试内容测试内容测试内容
</td>
<td>
测试内容测试内容测试内容测试内容
</td>
<td>
测试内容测试内容测试内容测试内容
</td>
<td>
测试内容测试内容测试内容测试内容
</td>
<td>
测试内容测试内容测试内容测试内容
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
今天小编就为大家分享一篇解决layui表格内文本超出隐藏的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24...
3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量...
3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量...
4.auto 自动，溢出时自动显示滚动条并且可用 ============================== 9.29 1、边框线 属性：border： 取值： 2、边框倒角 属性：border-radius: 取值： px % 3、边框阴影 属性：box-shadow: 取值： ...
交换表的行 TableID.moveRow(2,1) 替换CSS document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 自动刷新 ;URL=...
options:该参数可以省略,指定包含时的选项,包含encoding和parse两个选项,其中encoding指定包含页面时所用的解码集,而parse指定被包含文件是否作为FTL文件来解析,如果省略了parse选项值,则该选项默认是true. ...