返回首页
当前位置: 主页 > 编程语言 > HTML教程 >

div或table内容超出宽度和高度时隐藏并显示省略标记

时间:2017-02-10 00:11来源:电脑教程学习网 www.etwiki.cn 编辑:admin

div或table内容超出宽度和高度时隐藏并显示省略标记

Html代码
table的样式:

table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。


td的样式:

word-break:keep-all;/* 不换行 */  
white-space:nowrap;/* 不换行 */  
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */  
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。
------分隔线----------------------------
标签(Tag):html
------分隔线----------------------------
推荐内容
猜你感兴趣