Html 简单的css与boostrap一起创建单个垂直对齐的div？

我似乎总是遇到同样的问题，我认为这是我的CSS知识有点差距。我正在使用引导，但任何特定的最佳方法都可以。我只是想创造一些类似的东西：

<table style="height:100%; width:100%">
<tr style="height:15%"><td></td></tr>
<tr style="height:70%; background-color:#EAB300; text-align:center;"><td>Main</td></tr>
<tr style="height:15%"><td></td></tr>
</table>

主要

但是使用div而不是表。处理一个表需要几秒钟，但当我用div复制它时，我遇到了无法对div应用基于百分比的高度的麻烦

有什么建议可以让我不再碰到这个问题吗

TIA

我会做一个

并将高度设置为100%。然后将内部

页边距设置为自动

编辑：没关系，最好的方法是将div显示为表格，将内部div显示为表格单元格，然后垂直对齐

---

编辑：还有一点，您甚至可以使用绝对定位将其置于屏幕中心。

div

s带有表格布局，应该按照您描述的方式工作。您使用

div

s尝试了什么？