css字体居中1002无标题

CSS字体居中是在设计网页时极为重要的一步。例如，在网页中显示标题时，我们希望标题能够完美地居中于页面中央，这时候，CSS字体居中的功能就能够派上用场。下面就让我们来看一看如何让1002无标题在页面中央完美地居中。

    body{
        margin:0;
        padding:0;
        background-color:#f4f4f4;
    }
    .container{
        display:flex;
        justify-content:center;
        align-items:center;
        height:100vh;
    }
    h1{
        font-size:5rem;
        text-align:center;
    }

代码中，我们首先重置了body的margin和padding，以及背景颜色。然后，使用了FlexBox布局，将.container元素的display属性设置为flex，这样就能够将其中的h1元素居中于容器中央。具体实现的方式是：justify-content和align-items同时设置为center。

最后，我们设定了标题的字体大小和对齐方式，确保1002无标题的排版效果良好。