css中文字居中怎么设置

https://www.jb51.net/article/178250.htm

（全面的介绍）https://blog.csdn.net/weixin_42878211/article/details/105445941

 

第一种：span元素在a标签中居中

.father {
    font-size: 14px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.son {
    color: #fff;
}

<a target="_blank" href="http://site.114my.com//preview/UserSite?SiteType=2&amp;member=ceshi"><i class="shangpu"></i><span>商铺管理</span></a>

第二种：span元素在a标签或者div标签居中，这种方式相当于把a标签或者div作为table来设置居中

.f_confitm_btn {
     background: #336ac8;
     width: 100%;
     height: 31px;
    display: table;
}
.s_confitm_btn {
    font-size: 14px;
    display: table-cell;
    color: #fff;
    vertical-align: middle;
}

<div class="f_confitm_btn"><span class="s_confitm_btn" onclick="addKeyword(&quot;牛皮纸&quot;,&quot;1&quot;)">确认 </span></div>

第三种，文字在span标签中居中

span {
    height: 40px;
    line-height: 40px;
}

<span>这是居中文字</span>