字体和图片的垂直居中、水平居中
程序员文章站
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>
上一篇: Web前端——HTML中的标签
下一篇: 图片实现水平垂直居中的方法