博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用css解决table文字溢出控制td显示字数
阅读量:6883 次
发布时间:2019-06-27

本文共 461 字,大约阅读时间需要 1 分钟。

场景:

最左边这栏我不行让他换行,怎么办呢?

下面是解决办法:

 

[plain] 
 
 
  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. }  
参考:

现在:

转自:https://github.com/wusuopubupt https://blog.csdn.net/wusuopuBUPT/article/details/21729985

转载于:https://www.cnblogs.com/sharpest/p/8656351.html

你可能感兴趣的文章
正则表达式语法
查看>>
013、Dockerfile构建镜像(2019-01-02 周三)
查看>>
Office Word 2013发布带数学公式的博客
查看>>
c# mvc如何获取xml文件
查看>>
mongodb Java(八)
查看>>
JavaScript随机数
查看>>
ASP.NET验证控件——RequiredFieldValidator
查看>>
strstr
查看>>
MySQL 条件 select case 的实现(解决 零 做分母的问题 )
查看>>
openNebula rgister img instance vms error collections
查看>>
error Infos
查看>>
PL/sql配置相关
查看>>
接着浅析table-cell的简单应用
查看>>
Project 10:简单图像的绘制
查看>>
(第五条)避免创建不必要的对象
查看>>
MongoDB的快速手动安装
查看>>
面试常见问题(转载)
查看>>
洛谷P3306 随机数生成器
查看>>
《平凡的世界》中田晓霞和孙少平的爱情
查看>>
【资源共享】《DDR常见问题简单排查》
查看>>