生活随笔
收集整理的這篇文章主要介紹了
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
;display: block
;}
<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]个人简历的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。