html图片超出部分不隐藏,div必须设置高度overflow:hidden才能生效,超出部分隐藏

css talbe中td溢出隐藏 div溢出隐藏，overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片td溢出隐藏

1 table{

2 width:100px;

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

4 }

5 td{

6 width:100%;

7 word-break:keep-all;/* 不换行 */

8 white-space:nowrap;/* 不换行 */

9 overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

10 text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/

11 }

div溢出隐藏style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 190px" 注意一定要设置宽度

相关文章