【前端学习笔记day15】2.11. table布局及实例+table布局实例(个人简历页面布局实例)

2.11. table布局及实例

在这里插入图片描述

table布局及实例

table来做整体页面的布局,布局的技巧归纳为如下几点:

1、按照设计图的尺寸设置表格的宽高以及单元格的宽高。

2、将表格border、cellpadding、cellspacing全部设置为0,表格的边框和间距就不占有页面空间,它只起到划分空间的作用。

3、针对局部复杂的布局,可以在单元格里面再嵌套表格,嵌套表格划分局部的空间。

4、单元格中的元素或者嵌套的表格用align和valign设置对齐方式

5、通过属性或者css样式设置单元格中元素的样式

table布局实例(个人简历页面布局实例):

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-narK8l4n-1580368748524)(../images/resume.jpg)]

发布了289 篇原创文章 · 获赞 94 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_35456045/article/details/104115432
今日推荐