可以使用CSS的text-align属性和line-height属性来实现文字始终居中显示。

首先,将p元素的宽度设置为页面宽度的100%,可以使用CSS的width属性实现:

p {
  width: 100%;
}

然后,使用text-align属性将p元素中的文字水平居中显示:

p {
  width: 100%;
  text-align: center;
}

最后,使用line-height属性将p元素中的文字垂直居中显示,可以将line-height的值设置为p元素的高度(height)的值相等,或者使用相对单位如百分比或em来设置:

p {
  width: 100%;
  text-align: center;
  line-height: 100%;
  /* 或者使用相对单位
  line-height: 1.5em;
  line-height: 150%;
  */
}

这样,p元素中的文字就会始终居中显示,无论页面大小如何变化。

怎样在让p中的文字随着页面变化始终是居中显示

原文地址: https://www.cveoy.top/t/topic/d6Ew 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录