table表格

table标签:表格 双标签 表格级(display:table)

table有border width height 属性

border-collapse:separate 默认值 | collapse(常用);边界合并

border-spacing:单元格边界之间的距离

tbody:(display:table-row-group) 有默认vertical-align:middle;

tr:定义行数(display:table-row) 有默认vertical-align:inherit;

th:行头 有默认 font-weight:bold;和 text-align:-internal-center;

td:单元格 (display:table-cell) 有默认vertical-align:inherit;

table表格的运用:如何让一个图片上下左右居中

方法一
方法二

table布局和div+CSS布局的理解:

       由于html文件中的table标签的浏览速度较慢,所以,使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。因为table是中的内容是自适应的,为了自适应,它要计算嵌套最深的节点以满足自适应,所以有可能会有一断时间出现空白才显示。所以是会有问题的。

      使用DIV的方法布局网页框架的优点:div+css布局是通过模块的布局理念可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位,制作出来的页面浏览速度较快,同时页面的风格可以通过修改单独的css文件进行随意的修改和更新;缺点:每个div容器都需要定义css样式来控制,制作过程相比table方式要复杂。现在的网页越来越倾向于使用DIV的方法来布局网页了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容