html - 居中一个div标签

Question

我在 HTML 的每个打印页面上显示标题，因此标题仅显示在打印预览中。我为此使用了以下内容:

<style>
#header {
    display: table-header-group;
}

#main {
    display: table-row-group;
}

<div>
<div id ="header">
    <div class = "print">
        My header
    </div>
</div>

<div id="main">
  Content here....
</div>

 </div>

问题是，一旦我添加了 table-header-group，主 div 中的所有内容或正文现在都显示为左手边对齐。它在中心，它需要在中心。但我不能让它去中心它只是停留在左手边。我不能把表行组去掉，因为这样标题就不会显示在打印预览的每一页上。有没有办法让我仍然可以将内容居中放置在页面中间？

Answer 1

试试这个

#header{
margin : 0 auto;
}