用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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • IBATIS两种in查询

    IBATIS两种in查询

    2022年1月19日
    52
  • Azkaban简介

    Azkaban简介一 Azkaban 概论 1 1Azkaban 是什么 1 Azkaban 是由 Linkedin 公司推出的一个批量工作流任务调度器 2 主要用于在一个工作流内以一个特定的顺序运行一组工作和流程 它的配置是通过简单的 key value 对的方式 3 通过配置中的 dependencies 来设置依赖关系 这个依赖关系必须是无环的 否则会被视为无效的工作流 4 Azkaban 使用 job 配置文件建立任务之间的依赖关系 并提供一个易于使用的 web 用户界面维护和跟踪你的工作流 1 2 为什么需要工作流调度

    2025年7月24日
    5
  • PLSQL的使用「建议收藏」

    PLSQL的使用「建议收藏」PLSQL这个工具专门为oracle开发的(它只能连接oracle数据库)很多工具都可以连接oracle数据库(常用的有navicat、toad、plsql等)1.1 初次登录PLSQL

    2022年7月3日
    40
  • 学习笔记之Python 3[通俗易懂]

    学习笔记之Python 3[通俗易懂]学习笔记之Python 3

    2022年4月22日
    41
  • vue双向数据绑定的原理「建议收藏」

    vue双向数据绑定的原理「建议收藏」有关双向数据绑定的原理最近两次面试的时候,被问到了vue中双向数据绑定的原理,因为初学不精,只是使用而没有深入研究,所以答不出来。之后就在网上查找了别人写的博客,学习一下。下面是博客园一篇博客,以及MDN上讲解Object.defineProperty()方法的地址。文章链接:vue的双向绑定原理及实现Mozilla开发者服务:Object.defineProperty…

    2022年10月17日
    2
  • H3C : S6550XE-56HF-HI 25G+100G光口交换机配置动静态端口聚合

    H3C : S6550XE-56HF-HI 25G+100G光口交换机配置动静态端口聚合H3C:S6550XE-56HF-HI25G+100G光口交换机配置动静态端口聚合动态端口聚合:(WGE1/0/53WGE1/0/54)[H3C]interfaceBridge-Aggregation11[H3C-Bridge-Aggregation11]link-aggregationmodedynamic[H3C-Bridge-Aggregation11]quit[H3C]interfaceTwenty-FiveGigE1/0/53[H3C-Twenty-FiveG

    2022年6月5日
    32

发表回复

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

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