div内容上下左右居中,自测超级有用!!!
div内容通过display实现上下左右居中
笔友在最近写项目过程中碰到一个非常棘手的问题,就是在div里面需要装有提示的span标签和img图片上下居中,通过一系列操作,span老是显示在图片的左下角旁边,简直可气!!!搜索了一下午百度,Bing搜索,谷歌,毫无进展,无奈向大佬求助,三句代码就解决了我的问题,哇直接膜拜啊,大佬收下我的膝盖!废话不多说,看代码。
//设置display为flex
display: flex;
//设置左右居中
justify-content: center;
//设置上下居中
align-items: center;