什么是内容溢出呢?其实就是当文字很多的时候,如果内容区域只有那么长,那么多出的部分以点点点代替。
这次做的案例是在table里面,我们知道当我们在table里输入过多的文字内容的时候会撑乱表格,例如一行显示过长或者自动换行。可是有的时候我们就想在固定宽度的一行中显示,如果多出的部分那就用点点点代替,这样就不会撑乱表格了。那么该如何做呢?
一般来说我们会用到如下属性
首先第二个样式是专门给table标签加的,想要实现内容溢出,那么表格必须有固定的宽高,表格内部的tr,td也要有固定的宽高。在用内容溢出之前,先要给table添加table-fix这个类。然后检查自己的tr,td有没有给width,如果没有的话,最好是给个吧,固定的也行,百分比的也行,我主要给的百分比,外边table给固定宽度,里面的tr和td就是百分比的宽度,这样才能使用内容溢出样式。最后如果哪个格子里面的内容非常的多,你想实现点点点,就给这个格子添加一个.txt-ell的类吧
以上这篇关于table表格中的内容溢出布局方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
原文地址:http://www.cnblogs.com/hanyining/archive/2016/05/25/5527668.html
今天在工作中,发现我再调用外部API接口的时候,发现一个奇怪的问题,就是我Ecli...
第一部分 HTML html --开始标签 head 网页上的控制信息 title页面标题/title /he...
在使用IDEA开发maven+springMVC项目时遇到不加载EL表达式的问题,怎么处理呢?下...
PHP做内存共享有两套接口。一个是shm,它实际上是变量共享,会把对象变量序列化...
本文对JavaScript中的this关键字进行全方位的解析,看完本篇文章,希望读者们能...
一,网页基础结构: XML/HTML Code 复制内容到剪贴板 html head title 我的第一...
Mr、大何的学习规划期望 一、自我介绍 一个来自安徽双非一本的大一计算机专业学...
问题1 解析主机时间长 hosts文件乱了直接全删了,保存就行 使用虚拟机后打开网页...
3月份GitHub上最热门的开源项目排行已经出炉啦,一起来看看吧: 1. awesome-comp...
MacRumors 报道称,苹果在 macOS Big Sur 11.3 的 Beta 测试版本中,为 M1 Mac ...