表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替

表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替。

招式：1、在table标签中加上style="table-layout: fixed;"

2、在内容多的td标签中加入style="white-space:nowrap;overflow: hidden;text-overflow:ellipsis"

代码如下：

<table width="600px;" style="table-layout: fixed;"><tr><td width="20%">序号</td><td width="40%">描述</td><td width="40%">备注</td></tr><tr><td>1</td><td style="white-space:nowrap;overflow: hidden;text-overflow:ellipsis">老地方科技阿打算理发卡东方打机来的快放假啊阿打算看风景阿打算理发卡东方</td><td>阿萨德发的是发的发水</td></tr>
</table>

表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替相关推荐

html表格中如何设置thtd的边框颜色,表格Table 的Th Td 标签设置背景颜色后边框消失如何解决？...
表格Table的Th Td标签在设置背景颜色后,设置的边框消失了,出现此情况主要是因为 [background]属性与 [position:relative;]同时使用的缘故. 解决方法:对Th T ...
java 获取td_[Java教程]jQuery获取table表中的td标签
[Java教程]jQuery获取table表中的td标签 0 2017-07-28 00:00:08 首先我来介绍一下我遇到的问题 1.当有一个table表包含了标签,标签,大致可以认为是这样的: ...
如何在HTML表格的td标签中添加字体颜色
摘要:微信搜索[三桥君] 一.问题如何改变表格中的字体颜色?改成如图红色字体. 二.方法 <td><font size="5" color="red& ...
在td标签中文字超出显示省略号，鼠标悬停显示所有文本
在td标签中文字超出显示省略号,鼠标悬停显示所有文本首先得在table的style中加入table-layout:fixed,让表格固定,然后用width设定表格的宽度. 然后表格中所有的列都一样宽 ...
a标签在td标签中失效的解决办法
解决a标签在td标签中失效的办法当在td标签中使用a标签会发现a标签失效无法点击触发,可以在href中添加此次内容,如下: <a href='javascript:void(0);'>& ...
html 在td中加入input,如何将输入标签插入到td标签中？
我有生成表的代码.你可以在代码下面看到.如何将输入标签插入到td标签中? function createDynamicTable(tbody, rows, cols) { if (tbody == n ...
【项目经验】如果想在mapper.xml文件中的一个标签中写多条sql语句，则需要在jdbc的配置文件中稍做配置
如果想在mapper.xml文件中的一个标签中写多条sql语句,则需要在jdbc的配置文件中稍做配置: url=jdbc:mysql://127.0.0.1:3306/airipo?useUnicod ...
xml中的sql 标签中应使用尖括号,感叹号注释. 其他方式会被当成sql语句执行.
xml中的sql 标签中应使用 注释. 其他方式会被当成sql语句执行. 如下
html中td 的值不换行符,解决英文字母在td标签中不换行的问题
解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行例如:asdfsdfsdfdsf不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行. 原 ...

表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替

表格table中的td标签中的内容太多，影响整体外观，不美观。将一部分内容隐藏起来，用省略号代替相关推荐

最新文章

热门文章