在CSS中,使用flex布局可以非常方便地实现元素的居中显示。在这里,我们将介绍如何使用flex布局来实现水平和垂直居中。 在HTML中,我们可以创建一个包含要居中显示的元素的容器,然后将其样式设置为...
在CSS中,使用flex布局可以非常方便地实现元素的居中显示。在这里,我们将介绍如何使用flex布局来实现水平和垂直居中。
在HTML中,我们可以创建一个包含要居中显示的元素的容器,然后将其样式设置为display:flex。然后,我们可以使用justify-content和align-items属性来控制元素的水平和垂直位置。
下面是一个示例代码段,显示如何将文本居中显示:
.container {
display: flex;
justify-content: center;
align-items: center;
}
<br>
p {
text-align: center;
}