ITPub博客

首页 > 应用开发 > Html/css > 用css解决内容文字溢出控制td显示字数以及隐藏省略代码

用css解决内容文字溢出控制td显示字数以及隐藏省略代码

原创 Html/css 作者:huaze 时间:2022-03-23 13:55:42 0 删除 编辑

之前看到有人问怎么让多余的文字隐藏显示并使用...表示,今天呢,就给大家解决这个问题,直接上代码,代码如下:

用css解决内容文字超出,隐藏,省略代替代码:


table{

width:100px;

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

td{

width:100%;

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

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

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

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70015605/viewspace-2883516/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2022-03-22

  • 博文量
    11
  • 访问量
    5187