为了账号安全,请及时绑定邮箱和手机立即绑定

已经风中凌乱了,究竟如何实现相对于浏览器垂直居中?

如题!如何用本节方法,实现相对于浏览器垂直居中?

正在回答

2 回答

显然像他们说的,设置一个<table>表格标签(包括表格标签中的行和列,也就是<tr><td> )在div外面。因为<td>标签默认的属性就是 vertical-align:middle(垂直 - 对齐:居中),所以CSS无需做其他设置,便可直接实现了。

下面是我自己写的:

<body>

<table> <tr> <td>     <!--这行就是上面说的关键地方-->

<div>盒子内容或图片等</div>

</td></tr></table>

</body>

(ps:你可以为div盒子设置width和height(高度和宽度)还有背景颜色(background)便于观察是不是居中对齐)

若是希望div盒子针对浏览器垂直居中,可以设置position:absolute(绝对定位)来实现。(绝对定位内容具体参考课程12-6)。。

终于学完了,纯手动回答你这个问题。哈哈哈,心情愉快

1 回复 有任何疑惑可以回复我~

先设置position:relation: 然后再left、right、top或者bottom来变位置啊

0 回复 有任何疑惑可以回复我~
#1

第二热情

你是想说 relative吧?
2016-09-15 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

已经风中凌乱了,究竟如何实现相对于浏览器垂直居中?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号