10-[案例2]个人简历

此案例中，需要注意图片置入表格时会出现图片自身撑开的间距，导致无法居中，此时将图片转换为块状元素即可解决，也可以为图片设置垂直对齐属性。
详见：07-[案例3]图片的默认bug。
合并单元格时，需要区分进行的是行合并还是列合并，选择正确的属性。

 table{border: 3px solid #c2cfe0;width: 600px;height: 700px;margin: 0 auto;border-spacing: 0;border-collapse: collapse;}td{border: 3px solid #c2cfe0;text-align: center;}img{width: 116px;height: 178px;object-fit: cover;/* 解决图片撑开的边距bug */display: block;/* 也可以用下面的 *//* vertical-align: top; */}

 <table><colgroup span="4" width="121"></colgroup><tr><td height="57">姓名</td><td>黄渤</td><td>性别</td><td>男</td><td rowspan="3"><img src="hb.jpeg" alt=""></td></tr><tr><td height="57">出生年月</td><td></td><td>民族</td><td>汉</td></tr><tr><td height="57">籍贯</td><td></td><td>学历</td><td></td></tr><tr><td height="56">毕业院校</td><td></td><td>专业</td><td colspan="2"></td></tr><tr><td height="56">政治面貌</td><td></td><td>家庭住址</td><td colspan="2"></td></tr><tr><td height="56">健康状况</td><td>健康</td><td>联系电话</td><td colspan="2"></td></tr><tr><td>获得职业证书</td><td colspan="4"></td></tr><tr><td>自我评价</td><td colspan="4"></td></tr><tr><td>工作经历</td><td colspan="4"></td></tr></table>

10-[案例2]个人简历相关推荐

采用计算机制作文书的,计算机基础之w音ord案例-制作求职简历【应用文书例稿】.ppt...
计算机基础之w音ord案例-制作求职简历[应用文书例稿] Word基本应用--制作求职简历 4. Word基本应用--制作求职简历 4. 学习目标掌握字符格式的设置和格式刷的应用掌握段落格式的设置 ...
unity应用开发实战案例_「简历」STAR法则的实战应用，附手把手教学案例
关注@应届生求职网,了解更多求职信息本文共2072字,预计阅读需3分钟本期分享导师-Anna_青云导师 51Job职场导师知乎职场千赞答主多年猎头及多行业人力资源管理经历职业生涯规划师.职业 ...
前端~html~HTML零基础（二） ~HTML常见标签补充/实战案例：个人简历网页展示/填写
文章目录回顾复习超链接标签a(补充) 表格标签列表标签表单标签 label标签 select标签 textarea标签无语义标签 div&& span 实战案例个人简历网页 ...
10 | 案例篇：系统的软中断CPU使用率升高，我该怎么办？
上一期我给你讲了软中断的基本原理,我们先来简单复习下. 中断是一种异步的事件处理机制,用来提高系统的并发处理能力.中断事件发生,会触发执行中断处理程序,而中断处理程序被分为上半部和下半部这两个部分. ...
02【简历】重要性，撰写要点，经典案例分析，简历七大模块？
02[简历]重要性,撰写要点,经典案例分析简历七大模块:基本信息,教育背景,荣誉奖励,实习经历,项目经历,个人技能,其他(兴趣爱好,自我评价) [Star法则]: STAR法则,即为Situatio ...
个人简历管理系统（10）- 查看所有简历列表
个人简历管理系统- 查看所有简历列表文件结构 viewAll.jsp 备注文件结构 viewAll.jsp <%@ page language="java" conten ...
HTML小案例----简单个人简历
第一个简历其中用了很少的css内容,废话不多说,直接上效果图 <html> <head><title>个人简历</title><meta cha ...
网页制作案例2-个人简历制作
目录知识点: 效果图: 分解图: 主要思路及步骤: 知识点: 表格布局表格嵌套 CSS样式特殊符号效果图: 分解图: 主要思路及步骤: 1)插入背景图片: 2)插入-表格:8行1列:605像素 ...
Axure 10 案例：模拟鼠标拖拽画框线的效果
介绍鼠标拖拽画框线是我们常用的操作.可以通过Axure来完美的模拟鼠标拖拽画框线的效果,当接触到了其他控件的时候,可以通过交互来表示接触状态. 今天,就让我们来学习如何制作它. 预览效果预览原型 ...
CSS入门（人物简历案例）
HTML代码块  <!DOCTYPE html> <!-- HTML文档 start --& ...

10-[案例2]个人简历

10-[案例2]个人简历相关推荐

最新文章

热门文章