让文字和图片垂直居中对齐(经常会用的,但是记不住的布局。。)
给img和文字所在的父容器设置如下css即可。
1.flex布局
.box{display:flex;align-items: center;//子元素垂直居中justify-content: center;//子元素水平居中}
2.table布局
.box{display:table;vertical-alian:middle;}
时间:2024-02-02 15:09:16
让文字和图片垂直居中对齐(经常会用的,但是记不住的布局。。)
给img和文字所在的父容器设置如下css即可。
1.flex布局
.box{display:flex;align-items: center;//子元素垂直居中justify-content: center;//子元素水平居中}
2.table布局
.box{display:table;vertical-alian:middle;}