关于css中使用text-align:center没效果的问题

<style>
	p {
		text-align: center;
	}
</style>

上面代码p里的字体并没有居中显示，原因是

p为块状元素，所以只需要在p的css代码里设置display:inline或display:inline-block，将块状元素转为内联元素即可。对于块状元素也可以使用margin:0 auto;来控制居中。

<style>
	p {
		display: inline-block;
		text-align: center;
	}
</style>

---------------------
作者：JavaZwb
原文：https://blog.csdn.net/JavaZwb/article/details/80028360