用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)
上一篇 2021年5月25日 下午3:00
下一篇 2021年5月25日 下午4:00


相关推荐

  • java嵌套条件运算符_java条件运算符的嵌套使用「建议收藏」

    java嵌套条件运算符_java条件运算符的嵌套使用「建议收藏」对于java条件运算符的嵌套使用你熟悉吗?下面要给大家带来的就是和这方面有关的编程题,一起来了解一下。一、题目学习成绩>=90分的同学用A表示,60-89分之间的用B表示,60分以下的用C表示注:利用条件运算符的嵌套来完成这道题目二、思路(a>b)?a:b这是条件运算符的基本例子三、代码实现publicclassProg5{publicstaticvoidmain(Strin…

    2026年4月17日
    9
  • OpenCV-Python自适应直方图均衡类CLAHE及方法详解

    OpenCV-Python自适应直方图均衡类CLAHE及方法详解本文介绍了 OpenCV Python 对比度受限自适应直方图均衡变换的 CLAHE 类及其方法 并通过代码介绍了相关方法的使用 在单图像的对比度受限自适应直方图均衡时 只需要使用 createCLAHE 创建 CLAHE 对象 然后调用该对象 apply 方法就可以完成对比度受限自适应直方图均衡处理 该类的其他方法用处不大 但如果是要进行多次对比度受限自适应直方图均衡处理 且需要设置不同的分块数和受限阈值 则可以通过提供的方法直接修改对象属性再进行均衡处理即可

    2026年3月17日
    2
  • obs录制黑屏怎么解决_obs窗口捕获黑屏

    obs录制黑屏怎么解决_obs窗口捕获黑屏00.目录文章目录00.目录01.问题描述02.问题分析03.问题解决04.成功测试01.问题描述打开OBS后,新建场景、新建显示器捕获后,黑屏没有显示,即使点击开始录制,然后结束录制后,录制的视频仍然是黑屏。02.问题分析安装包是从官网下载的,安装过程没有报错,启动过程也没有报错,但是却捕捉不到显示器中的图像。首先考虑的是软件兼容性的问题,但是在我将兼容性设置成”W…

    2022年4月19日
    112
  • Lena与图像处理

    Lena与图像处理在数字图像处理中,Lena(Lenna)是一张被广泛使用的标准图片,特别在图像压缩的算法研究中。(为什么用这幅图,是因为这图的各个频段的能量都很丰富:即有低频(光滑的皮肤),也有高频(帽子上的羽毛),很适合来验证各种算法)       然而,这张图片背后的故事是颇有意思的,很多人都抱有学究都是呆子的看法,然而Lena对此就是一个有力的驳斥。lena(lenna)是一张于19

    2022年6月19日
    33
  • java heap space 什么意思_Java heap space 解决方法(转)

    java heap space 什么意思_Java heap space 解决方法(转)因为程序要从数据读取近10W行记录处理,当读到9W的时候就出现java.lang.OutOfMemoryError:Javaheapspace这样的错误。在网上一查可能是JAVA的堆栈设置太小的原因。跟据网上的答案大致有这两种解决方法:1、设置环境变量setJAVA_OPTS=-Xms32m-Xmx512m可以根据自己机器的内存进行更改,但本人测试这种方法并没有解决问题。可能是还有…

    2022年7月14日
    27
  • 音频放大电路设计

    音频放大电路设计目录第一章:设计要求第二章:整体思路第三章:具体电路设计1、MIC放大电路2、功率放大电路3、正弦波发生电路4、方波发生电路5、加法电路6、Line-in电路7、音频调节电路第四章:总结第五章:附录第一章设计要求1、基本要求• 功能要求:话筒扩音、音量控制、混音功能•额定功率:1W(失真度THD≤5%)•负载阻抗:8Ω•频率响应:fL≤50Hz,fH≥20kHz•输入阻抗:20kΩ•话音输入灵敏度:5mV2、提高要求音调控制特性:1kHz处增益为0d

    2022年5月3日
    49

发表回复

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

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