`
alan3258
  • 浏览: 68882 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类：
  • html
HTML 
阅读更多 
<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"。
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Grafana之Table Panel使用(第十篇) · 语雀1

    ① Data，包括Table Transform(表格转换)和Columns ② Paging，Rows per page用于设置每个表格页显示多少行，Font

    向多列列表框插入固定行数的数据

    使用LABVIEW向多列列表框写入固定行数的数据，比如写入5行数据后，自动清除多列列表框数据，从第6个数据开始插入。。。插入第10个数据后，再一次插入数据时，多列列表框将只显示最新5行数据

    别说你懂Excel：500招玩转Excel表格与数据处理 part1

    第1章 Excel 2010快速入门操作技巧 1.1 界面管理与优化技巧 001招 改变快速访问工具栏的位置 002招 在快速访问工具栏中添加/删除按钮 003招 将功能区的按钮添加到快速访问工具栏 004招 如何隐藏/显示功能区 005招 ...

    [别说你懂Excel：500招玩转Excel表格与数据处理].前沿文化.扫描版 part2

    第1章 Excel 2010快速入门操作技巧 1.1 界面管理与优化技巧 001招 改变快速访问工具栏的位置 002招 在快速访问工具栏中添加/删除按钮 003招 将功能区的按钮添加到快速访问工具栏 004招 如何隐藏/显示功能区 005招 ...

    ExcelPlus电子表格 v3.20

    基本实现自动化智能提示，自动输入父节点，自动输入日期时间，自动计算公式，自动换行，自定义活动单元格移动解决方案，保证了您在录入数据时的畅通无阻，您再也不需要通过一个对话框来编辑数据，也不会再有Excel中...

    VB常用附加控件【特别整理了表格控件】

    比如可以将datasource设置为一个data控件，而data控件又指向数据库"成绩"的 一个"语文"表，那么当程序运行时，它就自动显示此"语文"表的数据。 基本步骤如下： 1、向工程上添加Microsoft Data Bound Grid Control...

    Blue Magic Board Plus! v2.1

    国内第一个采用 UTF-8 存储数据的大型文本论坛，支持各国语言，新风格，新格式 新增功能： 1. + 小的改动和错误修复 2. * 防止一帖情况多购发生 3. * 防止用户填写的生日数据不符合生日数据库标准...

    Excel公式大全操作应用实例(史上最全)

    讨如何去掉单元格中的第一个数字？ 论一下取最后一个单词的方法 如何去掉单元格最后一位数字 如何在一列已经输入的数据前添加“p” 什么函数可以插入字符 如何在数据前添加“*”号 数字前面加上数字 【数据拆分与...

    EXCEL函数公式集

    讨如何去掉单元格中的第一个数字？ 论一下取最后一个单词的方法 如何去掉单元格最后一位数字 如何在一列已经输入的数据前添加“p” 什么函数可以插入字符 如何在数据前添加“*”号 数字前面加上数字 【数据拆分与...

    《程序天下：JavaScript实例自学手册》光盘源码

    12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口...

    程序天下:JavaScript实例自学手册

    12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口...

    EXCEL 2007 宝典 1/10

    1.5 创建第一个Excel工作表 　1.5.1 手动输入数据 　1.5.2 套用表格格式 　1.5.3 对数据使用排序 　1.5.4 插入柱形图 　1.5.5 打印设置 1.6 小结 　第2章 输入和编辑工作表数据 2.1 了解所使用的数据类型 　2.1.1 ...

    EXCEL 2007 宝典 7/10

    1.5 创建第一个Excel工作表 　1.5.1 手动输入数据 　1.5.2 套用表格格式 　1.5.3 对数据使用排序 　1.5.4 插入柱形图 　1.5.5 打印设置 1.6 小结 　第2章 输入和编辑工作表数据 2.1 了解所使用的数据类型 　2.1.1 ...

    EXCEL 2007 宝典 2/10

    1.5 创建第一个Excel工作表 　1.5.1 手动输入数据 　1.5.2 套用表格格式 　1.5.3 对数据使用排序 　1.5.4 插入柱形图 　1.5.5 打印设置 1.6 小结 　第2章 输入和编辑工作表数据 2.1 了解所使用的数据类型 　2.1.1 ...

Magicbox
Global site tag (gtag.js) - Google Analytics