在网页开发中,我们常常需要将一段文本居中显示。那么,当有两行文本需要居中显示时,我们该如何做呢?下面就来介绍一下如何使用CSS实现两行文本的居中显示。 首先,我们需要将文本放在一个容器中,容器可以是一...
在网页开发中,我们常常需要将一段文本居中显示。那么,当有两行文本需要居中显示时,我们该如何做呢?下面就来介绍一下如何使用CSS实现两行文本的居中显示。
首先,我们需要将文本放在一个容器中,容器可以是一个
p{
display: flex; /*将p标签转换为Flex容器*/
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
height: 100%; /*设置高度为100%*/
}