我有这些代码块:
<table border="1px">
<tr>
<td>
my content
</td>
</tr>
</table>
我想在屏幕中央显示我的表格(垂直和水平)。
这是一个演示.
我怎样才能做到这一点?
水平居中很容易。您只需将两个边距设置为“自动”:
table {
margin-left: auto;
margin-right: auto;
}
垂直居中通常是通过将父元素显示类型设置为table-cell
并使用vertical-align
财产。假设你有一个<div class="wrapper">
在你的桌子周围:
.wrapper {
display: table-cell;
vertical-align: middle;
}
更详细的信息可以在http://www.w3.org/Style/Examples/007/center
如果您需要旧版本 Internet Explorer 的支持(我不知道这个奇怪且很少使用的浏览器的哪个版本可以工作;-))那么你可能想要搜索网页欲了解更多信息,例如:http://www.jakpsatweb.cz/css/css-vertical-center-solution.html(只是第一次点击,其中似乎提到了IE)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)