因为在p元素的样式中,设置了writing-mode为vertical-rl,这会将文字垂直排列,导致文字无法水平居中显示。同时,display:flex和justify-content:center和align-items:center也无法对垂直排列的文字起作用。如果想让文字水平居中显示,可以将writing-mode属性设为horizontal-tb,或者将p元素的display属性设置为block,并将其宽度设为100%。

这段代码p中的文字为什么没有在html页面中居中显示!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=author content=Xue Huanqun titleTitletitle style type=textcss p font-familykai ti;

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

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