关于表格

1、结构：table-thead（tr-th）-tbody（tr-td）-tfoot（tr-td)

2、重置：th，td{padding：0；}；table{border-collapse：collapse；}：清掉单元格之间的间距

3、不要给table，th，td以外的标签加样式，会用兼容性问题

4、table既不是内联也不是快，就是display：table；

5、table无宽度，就由内容撑开；若加宽度，table的宽度决定了整个表格的宽度，里面的单元格平分宽度，单元格宽度是百分比；

6、表格里每一列必须有宽度，不然内容多了会撑开表格使表格无法均分；让其撑开高度来缓解横向的空间不足

7、若给th，td加高度，th里的文字默认加粗居中显示，td内容居左上下居中显示

8、合并：colspan：横向合并，删去合并列；rowspan：纵向合并，删去合并行

时间： 2024-11-06 18:29:46

关于表格的相关文章

C#中导出数据到Excel表格中

之前PM交给我一个自动化测试的Case,让我抓取页面上的数据到Excel表格中,刚好又接了一个之前人家做的系统, 刚好看到可以用NPOI导数据,就动手试试,成功导出. 由于鄙人比较菜,也比较懒, 怕自己忘记了,今天就总结一下,以防下次用可以参考. 1.要使用NPOI,首先需要在Project中Install NPOI的 Package. 右键点击Project------>Manage NuGet Packages---->Search NPOI----->点击搜索到的NPOI然后点击等

利用PHP实现登录与注册功能以及使用PHP读取mysql数据库——以表格形式显示数据

登录界面 <body><form action="login1.php" method="post"><div>用户名:<input type="text" name="uid" /></div><br /><div>密码:<input type="password" name="pwd" />

[BZOJ4815][CQOI4815]小Q的表格数论+分块

题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=4815 题目中所给条件中的(a,a+b)和(a,b)的关系很瞩目. 然后大家都知道(a,b)=(a,a-b)=(a,a+b),于是观察(猜)一下这个表格与gcd的关系. 可以发现每次修改(a,b)会影响到所有(i,j)=(a,b)的点,并且关系为f(i,j)=(i/a)*(j/b)*f(a,b). 所以只需要知道f(g,g)的值记为f(g),就能推出其他的值. 然后慢慢推推推大概可以推到这

使用插件bootstrap-table实现表格记录的查询、分页、排序等处理

在业务系统开发中,对表格记录的查询.分页.排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件,在很多项目中广泛的应用.Bootstrap-table插件提供了非常丰富的属性设置,可以实现查询.分页.排序.复选框.设置显示列.Card view视图.主从表显示.合并列.国际化处理等处理功能,而且该插件同时也提供了一些不错的扩展功能,如移动行.移动列位置等一些特殊的功能,插件可

HTML表格及框架介绍

一.列表1.有序列表ol <ol type="1默认/a/A/i/I"> <li></li> </ol> 2.无序列表ul(实际应用中,比有序列表广泛) 重点掌握 <ul type="disc默认实心圆/square实心方型/circle空心圆"/> <li></li> </ul>3.定义列表--适用于图片和文字内容的混合排列中重点掌握 <dl> <d

HTML表格

表格:简单样式 <table border="1" width="300"> <th colspan="3">这里是表头</th> <tr> <td rowspan="2" bgcolor="red">123</td> <td>223</td> <td>323</td> </tr&g

HTML中的表格、表单元素与框架的构建

表格 <table></table>表格 width: 宽度可用像素或百分比: height:高度可用像素或百分比: border:边框宽度: cellpadding:内容跟单元格边框的边距常用0: cellspacing:单元格之间的间距常用0: align: 对齐方式: bgcolor:背景色: <tr></tr> 行 align:一行内容的水平对齐方式: valign: 垂直对齐方式: <td></td> 单元格 <

JQuery实现可直接编辑的表格

本文实例讲述了JQuery实现可直接编辑的表格.分享给大家供大家参考.具体分析如下: 功能: 创建一个表格,用户单击某个单元格后,可以直接修改单元格文本.在编辑状态下,用户可按回车键确认修改,按ESC键撤销修改. 效果如下图: 思路: 当用户点击某个单元格后,立即向该单元格内插入一个文本框,将它的宽.高都设置成与单元格相的数值.用户确认输入后,清空该单元格内的所有HTML代码,然后把内容设置为用户刚刚输入的文本. HTML代码: <table align="center">

JQuery动态操作表格

新人,小白一枚,刚刚参加工作,所以会在这里记录一些遇到的问题. 最近要做的东西,是对一个表格动态的添加行,删除行,并且对表格中内容进行非空验证. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

列表和表格---学习笔记02

第7章列表和表格 7.1 有序列表 <ol type="A"> <li>这里是第1个li</li> <li>这里是第2个li</li> <li>这里是第3个li</li> </ol> ol属性: type : 数字(1),大小写字母(A,a),大小写罗马数字(I,i) start: "起始编号位序"表示列表项的开始编号所处的位置序号,即li前面开始的数值 -->