浏览 3073 次
|
锁定老帖子 主题：表格自动换行，只显示第一行的数据
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-09-24
最后修改：2008-11-24
<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"。
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
