已经风中凌乱了,究竟如何实现相对于浏览器垂直居中?
如题!如何用本节方法,实现相对于浏览器垂直居中?
如题!如何用本节方法,实现相对于浏览器垂直居中?
2016-09-13
显然像他们说的,设置一个<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)。。
终于学完了,纯手动回答你这个问题。哈哈哈,心情愉快
举报