表格自动换行，只显示第一行的数据

最新推荐文章于 2022-10-18 11:46:48 发布

燕山石头

最新推荐文章于 2022-10-18 11:46:48 发布

阅读量1.7k

点赞数

分类专栏： html 文章标签： HTML

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>表格自动换行，并只显示第一行</title>
</head>
<style>
table{table-layout: fixed;} 
td{word-break: break-all; word-wrap:break-word;height:20px;padding:3px }
</style>
<body>
<table width="300" border="1">   
<tr>
<td width="100" align="center" title="按时大法师的法第三方按时大法师的法第三方按时大法师的法第三

方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方">
按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第

三方按时大法师的法第三方按时大法师的法第三方
</td>
<td width="100">
ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg

ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</td>
<td  title="按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时

大法师的法第三方按时大法师的法第三方按时大法师的法第三方">
按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第

三方按时大法师的法第三方按时大法师的法第三方
</td>
</tr>
</table>
</body>
</html>
这样就只显示第一行的数据 ，如果想让所有数据都显示出来，只要讲样式中的height:20px去掉即可
这里我们可以用table的border-collapse: collapse;属性 来代替cellspacing="0"，用th,td的padding: 0; 属性来代替cellpadding="0"。

燕山石头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表格自动换行，只显示第一行的数据

[code="html"]表格自动换行，并只显示第一行table{table-layout: fixed;} td{word-break: break-all; word-wrap:break-word;height:20px;padding:3px } 按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的...
复制链接

扫一扫