td隐藏多余文本

最新推荐文章于 2022-02-22 13:57:20 发布

nojob1year

最新推荐文章于 2022-02-22 13:57:20 发布

阅读量142

点赞数

分类专栏：前端文章标签： Firefox XHTML HTML

本文链接：https://blog.csdn.net/nojob1year/article/details/83645687

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
table{ table-layout:fixed;}
td{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;word-break:keep-all; }
td:after{ content:"***";}/* firefox下有效*/
</style>
</head>

<body>
<table id="query"  class="ht_tab1" width="100%" cellspacing="0" cellpadding="0" border="1">


	<tr>
		<td width="5%"  title="xxx" >ererwaasdasd</td>
		<td width="95%" title="yyy" >用户IDasdasdasdasdasdasd</td>

	</tr>
</table>
<div style="width:200px;text-overflow:ellipsis;overflow: hidden;white-space:nowrap; background-color:#00CC99;">这里是一个测试这里是一个测试这里是一个测试这里是一个测试</div>

</body>
</html>

nojob1year

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
td隐藏多余文本

[code="java"]table{ table-layout:fixed;}td{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;word-break:keep-all; }td:after{ content:"***";}/* firefox下有效*/ ...
复制链接

扫一扫