用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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 在 Win10 系统下安装 JDK 及配置环境变量的方法

    在 Win10 系统下安装 JDK 及配置环境变量的方法首先,在官网下载JDK:Oracle官网如上图所示,在Oracle官网下载JDK,但有一点需要注意,那就是在咱们下载合适的JDK之前,需要先点击“标记1”所在的按钮,选择接受。否则的话,直接点击JDK进行下载的时候,会弹出出现界面:选择接受“AcceptLicenseAgreement”之后,再点击JDK进行下载就会弹出下载提示框了,如下图所示:下载完成后,双击可执行文件,

  • pytrhon激活码【在线注册码/序列号/破解码】

    pytrhon激活码【在线注册码/序列号/破解码】,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 苹果跳过id教程_苹果手机怎么绕过ID

    苹果跳过id教程_苹果手机怎么绕过ID如果您是非法渠道获得的手机请关闭本网页。常见问题汇总:iPhone5s,iPhone6、6plus,iPhoneSE,6S,iPhone6SPiPhoneSE,iPhone7,iPhone7P,iPhone8/iPhone8P,iPhoneX。iPadMini2,iPadMini3,iPadMini4,iPadAir,iPadPro(12.9…

  • goland2021.11.4 激活【中文破解版】「建议收藏」

    (goland2021.11.4 激活)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

  • 五大主流数据库模型有哪些_五大主流品牌

    五大主流数据库模型有哪些_五大主流品牌导读:无论是关系型数据库还是非关系型数据库,都是某种数据模型的实现。本文将为大家简要介绍5种常见的数据模型,让我们来追本溯源,窥探现在流行的数据库解决方案背后的神秘世界。什么是数据模型?访问数据库

  • PMF到底是什么?

    PMF到底是什么?PMF指的是产品与市场匹配的产品关注的数据指标在不同行业、不同业务模式的产品中对应的数值应该是不同的,核心思想在于需要找到一些关键的数据指标,然后通过数据指标来判断产品是否达到了PMF的标准。用户级产品标准·每周使用天数超过3天·初始日新增用户(DNU)超过100·30%新用户次日留存率·达到10万用户量Saas产品标准·…

发表回复

您的电子邮箱地址不会被公开。

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