课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
怎么设置上面文字和小女孩在全屏模式下垂直居中
2016-03-14
源自:初识HTML(5)+CSS(3)-升级版 15-9
正在回答
按照
<table><tbody><tr><td class="wrap">
<div>
<img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div></td></tr></tbody></table>
这样写了之后无论全屏还是不是全屏都是垂直居中的,垂直居中就是指这个图片离表格的顶部和底部距离相等,而不是相对于整个页面。
就是在 图片的标签<div>前面加上<table><today><tr><td class="wrap">
</table></today><tr><td> 这样就行了 因为这是水平的垂直居中
<table><tbody><tr><td class="wrap"> <div> <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/> </div></td></tr></tbody></table>
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
2 回答如何设置文字垂直居中
4 回答图片垂直居中
1 回答关于垂直居中的设置
2 回答已知宽高设置垂直居中
4 回答css中图片居中设置问题
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号