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


相关推荐

  • goland 2021.5激活码【注册码】[通俗易懂]

    goland 2021.5激活码【注册码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月20日
    42
  • 彻底明白vue双向绑定底层原理(源码分析)

    彻底明白vue双向绑定底层原理(源码分析)vue是一个mvvm框架,双向绑定是vue的一个核心功能,所谓双向绑定就是当试图发生改变的时候传递给VM(ViewModel),让数据得到更新,当数据发生改变的时候传给VM(ViewModel),使得视图发生变化!概念都知道,但是vue怎么做到的呢?看下面的一张图(图是搬运别人的)可能你现在看不明白,observer是什么东西,watchter,Dep又是什么东西?没有关系,接下来只要你看完我这篇文章,保证给你整的明明白白!看上图,从左边开始newMVVM其实就是我newVue(),我们一

    2022年9月14日
    0
  • 巧用cssText[通俗易懂]

    巧用cssText[通俗易懂]IE6/7/8下cssText值与IE9/Firefox/Safari/Chrome/Opera不同1,IE6/7/8下cssText下返回值结尾没有分号,且属性名四十大写TESTvardiv=document.getElementsByTagName(‘div’);alert(div[0].style.cssText);IE6/7/8下 IE9/F

    2022年7月26日
    2
  • Python实现TXT、CSV、XLS等格式转换 and 图像显示(超详细教程)

    Python实现TXT、CSV、XLS等格式转换 and 图像显示(超详细教程)

    2020年11月8日
    268
  • vs2010下载官方下载_怎样下载vs2010

    vs2010下载官方下载_怎样下载vs2010http://www.microsoft.com/downloads/en/results.aspx?freetext=Visual+Studio+2010&displaylang=en&am

    2022年8月4日
    2
  • SIGPIPE[通俗易懂]

    SIGPIPE[通俗易懂]当服务器close一个连接时,若client端接着发数据。根据TCP协议的规定,会收到一个RST响应,client再往这个服务器发送数据时,系统会发出一个SIGPIPE信号给进程,告诉进程这个连接已经断开了,不要再写了。我写了一个服务器程序,在Linux下测试,然后用C++写了客户端用千万级别数量的短链接进行压力测试.  但是服务器总是莫名退出,没有core文件.最后问题确

    2022年5月7日
    42

发表回复

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

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