Html 将div标签居中

Html 将div标签居中,html,css,Html,Css,我在HTML上的每个打印页面上显示一个标题,所以标题只显示在打印预览中。为此,我使用了以下方法: <style> #header { display: table-header-group; } #main { display: table-row-group; } #标题{ 显示:表头组; } #主要{ 显示:表格行组; } 我的头球 内容在这里。。。。 问题是,只要我添加了表头组,主div中的所有内容或主体现在都显示为与左侧对齐。它在中心,它需要在中

我在HTML上的每个打印页面上显示一个标题,所以标题只显示在打印预览中。为此,我使用了以下方法:

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

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

#标题{
显示:表头组;
}
#主要{
显示:表格行组;
}


我的头球
内容在这里。。。。
问题是,只要我添加了表头组,主div中的所有内容或主体现在都显示为与左侧对齐。它在中心,它需要在中心。但我不能让它去中心,它只是停留在左手边。我无法取出表格行组,因为在打印预览中,标题不会显示在每页上。有没有一种方法我仍然可以把内容集中在页面中间?

试试这个

#header{
margin : 0 auto;
}

在标题上方给出该div的宽度,或以其他方式给出

div align=“居中”

这是整个事情的中心。很明显,将ID更改为任何ID

散列(#)用于id 点()。上课和 这里使用的标题与html5标记类似

header{
        display: block;
        margin-left: auto;
        margin-right: auto 
    }

为什么不使用“打印”媒体查询?这没有任何作用,我正在尝试将主div排列到中间位置。使用div标记,如果标题没有任何作用,则尝试将主div排列到中间位置尝试上面的“标题”div
#header{
    display: block;
    margin-left: auto;
    margin-right: auto 
}
header{
        display: block;
        margin-left: auto;
        margin-right: auto 
    }