CSS / 带有iconfont和字体的div样式

一：效果  中间的icon上下左右居中  下面的字体根据UI设计师的要求距离下面多少像素就是多少像素

 二：比较简单 的 写法

  icon图标
  字体

.Parent-style{
  display: flex;
  align-items: center;
  justify-content: center; // dispaly、align-items、justify-content属性可以是icon图标进行居中
  position: relative; // 定义父元素为relative属性之后  子元素字体内容定义为absolute属性，进行定位
}
.Font-style{
  position: absolute;
  bottom: 10px;
}