用css解决table文字溢出控制td显示字数

用css解决table文字溢出控制td显示字数

场景:

用css解决table文字溢出控制td显示字数

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

下面是解决办法:

 

[plain] 
view plain
 copy

 

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

参考:
http://www.52design.com/html/201007/design201071123721.shtml

现在:

用css解决table文字溢出控制td显示字数

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101743.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • phpMyAdmin完全安装配置步骤教程

    phpMyAdmin完全安装配置步骤教程phpMyAdmin完全安装配置步骤教程 phpMyAdmin就是一种MySQL数据库的管理工具,安装该工具后,即可以通过web形式直接管理MySQL数据,而不需要通过执行系统命令来管理,非常适合对数据库操作命令不熟悉的数据库管理者,下面详细说明该工具的安装方法。在上一篇文章《phpMyAdmin的介绍》中,我们只介绍了使用phpMyAdmin的介绍以及phpMyAdm…

    2022年5月31日
    33
  • Android 动画具体解释View动画

    Android 动画具体解释View动画

    2022年1月1日
    89
  • 谷歌安装Hackbar

    谷歌安装Hackbar首先下载Hackbar插件:将其中的压缩包拖拽到Chrome的扩展程序。点击详细信息在下面的“来源”处点击一个链接:会跳转到给插件在Chrome中安装的文件位置,打开hackbar-panel.js文件将三处disable_hackbar()函数替换成init(),保存即可。完成…

    2022年5月24日
    189
  • 如何查看GCC编译器版本

    如何查看GCC编译器版本查看GCC编译器版本

    2022年6月26日
    30
  • c#之splitcontainer类(接口)

    c#之splitcontainer类(接口)tcbs系统中用到,故大约了解下用法:http://msdn.microsoft.com/zh-cn/library/system.windows.forms.splitcontainer.aspx下面的代码示例演示…

    2022年7月18日
    10
  • oracle面试必会6题经典_oracle常见面试题

    oracle面试必会6题经典_oracle常见面试题1.你要对操纵Oracle数据库中的数据。下列哪个选项表示Oracle中select语句的功能,并且不需要使用子查询(C)A.可以用select语句改变Oracle中的数据B.可以用select语句删除Oracle中的数据C.可以用select语句和另一个表的内容生成一个表D.可以用select语句对表截断2.你要在Oracle中定义SQL查询。下列哪个数据库对象不能直接从select语句中引用…

    2022年10月18日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号