表格table中td的字数超出宽度后不自动换行的办法

曲奇饼

问题重现:

姓名	年龄	地址
墨裔	35	陕西省西安市莲湖区,安定门护城河桥洞

最右侧单元格,文本超出宽度后会自动换行;
那么如何不让网页进行自动换行操作;

下面是解决办法;

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. }

复制代码

姓名	年龄	地址
墨裔	35	陕西省西安市...