当table中的td内容过多,显示不完全,用省略号表示。

.format{
min-width:100px;
max-width:200px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

首先需要设置表头宽度,然后在需要的内容过长用省略号表示的td上加上class="word"即可,好像是要加到td上,不能加到th上,具体可以试下

时间: 2024-10-07 15:56:04

当table中的td内容过多,显示不完全,用省略号表示。的相关文章

如何让html中的td文字只显示部分

效果 方法一: table增加下面属性 参考内容 HTML如何让table中的td内容过长显示为固定长度,多余部分用省略号代替 这个问题呢,是由于我们公司测试的部门测出来的,虽然说测试的内容本身就是个BUG,不过这个也让我学到了一个比较好的归类于布局的一个小技巧,就是将td标签中过长的内容只显示为这个td的width的长度,之后的便以省略号代替. 方式如下: 这个功能有一个前提,在table中必须设置style: table-layout: fixed; 这条属性就是让table的内部布局固定大

ASP.NET中读取excel内容并显示

项目中经常会用到把excel的文件内容导入到数据库中的,刚刚花了点时间,做了个例子,基本上能实现导入Excel后显示的功能吧,导入的excel文件得是xls,即是2003的.     代码思路如下:要读取的excel文件必得得是在本地硬盘,所以一般来说都是让远程用户选择自己硬盘上的Excel文件,然后把用户选择的文件上传到本地服务器上,再在本地服务器上进行操作.我把界面后置代码重要部分贴出来,大家自己慢慢看吧,都有注释了. C#代码   // 上传按钮 protected void btnUp_

Table中合并相同内容列+Excel中合并相同内容列。

Table中合并相同内容列的方法比较好办,网上代码也很多,参照了一些把它封装成jquery 插件,调用起来还是蛮好用的. 这个地方稍微修改了下,有的时候td中内容虽然一样,但是数据库中的value却是不一样的,比如不同的公司,都有人事部,财务部, 公司A的财务部和公司B的财务部不能合并起来,所以我就给td加了个name属性.用于保存部门的ID,集团里面各公司部门ID总归不一样. 调用方式 $(function() {                            $("#tbdianba

在table中<tr>的display:block显示布局错乱

当用谷歌浏览器时,在将表格table中的<tr>的display属性从none改为block时,或出现所有的td都不起作用,内容都集中在第一列里,然后在网上百度了一下,一下事原因分析和解决方法 1.当表格为多列的情况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析.2.同一行反复的在"display:none;"与"display:block;&quo

javascript做的一个根据table中某个td的值为日期时的倒计时

JavaScript代码: <script> window.onload = window.onload = function () { getTdValue(); } //根据传过来的天数(day)和日期(datatime),返回在传入日期上加上天数后的日期.如:day=2.datatime=2018/3/7 11:28:09,那么返回的日期就是2018/3/9 11:28:09 function showTime(day, datatime) { var dayTime = day * 2

对文本框中输入的内容放大显示和格式化

在最近做的项目中,发现用户在输入手机号.身份证或者银行卡这些重要的数据的时候,文本框显示的文字不是非常大,也不是非常明显的显示给用户. 往往这些重要数据用户都需要核对好几次,在确保正确无误的时候才敢点击保存,这样总会浪费一点时间,对用户的体验也不是非常友好,如果我们能在用户输入框的上面对输入的内容进行放大.颜色突出并且按照不同的分隔显示,是不是这样更能便于用户快速的核实数据呢. 于是自己利用业务时间就动手封装了一个小插件: 第一步:创建一个样式表sytle.css 1 @charset "utf

table中的td自动换行

总有那么几个时候会觉得,table的td不能自适应换行真坑,凭什么只能用tr来换行,经常数据都是连在一起的呀,你叫我怎么把它拆分放到tr里...... 那能不能用ul和li来替换?可以是可以,不过有时遇到"牛逼"的领导你能怎么办,就要用table怎么办!就问你怎么办!!! 那就把tr当ul,td当li用咯! 1.效果图: 2.这是重置样式normalize.css代码: /** * Correct `block` display not defined in IE 8/9. * * 修

table中数据太长部分显示

<style type="text/css"> .etc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:200px;} </style> <table> <tr> <td><div class="etc" title="数据太长了怎么办,...部分显示">数据太长了怎么办,...部分显示<

[daily][troubleshoot][archlinux][wps][font] wps文档中的图内容无法显示中文

序 用linux作为工作生产环境的几个需要解决的问题之一是:文档协作,即如何兼容Micro$oft Office格式的文档. 我一般的工作方式是:在linux下创建一个win7的虚拟机,安装常用的windows软件,office,QQ,teamview等. 写文档的时候,我会进入win虚拟机,使用office软件进行编写,保证其他大多数使用windows的同事可以正常打开我的文档. 读文档的时候,我在linux里使用wps.先后用过openoffice, libreoffice,wps.wps与