css::before怎么设置图片大小？怎么让文字跟图片居中对齐？

Question

.sex:before{
    content:url('images/blog.png');
}
.sex{
    width:130px;
    height:70px;
    text-align:center;
    line-height:70px;
}

Answer 1

我记得应该是vertical-align:middle;

Answer 2

display: inline-block;
vertical-align: middle;

Answer 3

因为是图片，而且看起来你能确定大小，所以其实相对定位绝对定位也是可用的，并且很容易控制——以我的经验，有些图片不是规整四边形，绝对的居中对齐反而不好看。

.sex {
  position: relative;
}
.sex::before {
  position: absolute;
  top: 50%;
  margin-top: -35px;
}

Answer 4

.sex:before{

content:url('images/blog.png');
position：absolute;
width：100%；
margin-left:-50%;
top:50%;
left:50%;
margin-top:-35px;

}
.sex{

width:130px;
height:70px;
text-align:center;
line-height:70px;

}