欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

字体和图片的垂直居中、水平居中

程序员文章站 2022-04-24 22:13:38
...

字体居中

字体垂直居中

<div style="height:40px;">
	//line-height的值等于父级div的高度
	<p>垂直居中</p>
</div>

字体水平居中

<div style="text-align:center;">
	<p style="height:40px; line-height:40px;">水平居中</p>
</div>

图片居中

图片垂直居中

<div style="vertical-align:middle;">
	<img src="img.png"/>
</div>

图片水平居中

<div style="text-align:center;">
	<img src="img.png"/>
</div>