table中的td内容过长显示为固定长度，多余部分用省略号代替

如何使td标签中过长的内容只显示为这个td的width的长度，之后的便以省略号代替。

给table中必须设置属性:

table-layout: fixed;

然后给 td 设置：

white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;

就可以实现了。

转载于:https://www.cnblogs.com/intangible/p/9719813.html

table中的td内容过长显示为固定长度，多余部分用省略号代替相关推荐

css中设置table中的td内容自动换行
在项目中,有用到表格.因为有的内容比较长,所以需要列宽大一些,有的内容比较短,列宽就小一些.遇到了一个问题,在学校联系方式表里面,联系人电话/电子邮件这两列,无论我加多大的宽度,内容总是会把表格列撑的 ...
td内容超出以…显示
table中的td内容超出以省略号显示,需满足的条件是: <style type="text/css"> table{ table-layout: fixed; bor ...
表格中的td内容换行显示
需求:将表格中td内容的换行显示解决办法:将表格中的数据用 div标签包裹,并添加如下属性: white-space:normal; word-break:break-all; word-wrap: ...
html表格td的内容修改,点击table中的td，修改td中的内容功能实现
点击table中的td,修改td中的内容前段时间,需要搭建演示页面,有个功能是实现点击表格中的某一格,能够修改对应格子中的内容,一开始不知道怎么写,在网上找了一下,自己再整合了一下,功能实现的代码如 ...
表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替
表格table中的td标签中的内容太多,影响整体外观,不美观.将一部分内容隐藏起来,用省略号代替. 招式:1.在table标签中加上style="table-layout: fixed;&q ...
[html] table中给td设置宽度无效怎么解决？
[html] table中给td设置宽度无效怎么解决? 默认是列宽度由单元格内容设定 table 添加css tableLayout :fixed; 个人简介我是歌谣,欢迎和大家一起交流前后端知识. ...
Table中合并相同内容列+Excel中合并相同内容列。
Table中合并相同内容列的方法比较好办,网上代码也很多,参照了一些把它封装成jquery 插件,调用起来还是蛮好用的. 这个地方稍微修改了下,有的时候td中内容虽然一样,但是数据库中的value却是 ...
下拉菜单显示隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素
我的网站是在ASP classic - VBScript中创建的(不是我的选择,也是我之前没有过的语言).我试图在其中创建一个网页:下拉菜单显示了基于第一个选择内容的额外下拉菜单.我正在尝试使用Jav ...
table中的td表示table data（表格数据），tr表示table row（表格行），th表示table head（表格头）
<table>中的 <td>表示table data(表格数据) <tr>表示table row(表格行) <th>表示table head(表格头)

table中的td内容过长显示为固定长度，多余部分用省略号代替

table中的td内容过长显示为固定长度，多余部分用省略号代替相关推荐

最新文章

热门文章