以下是代码:
#add_cal_in {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 50px;
text-align: center;
background-color: #f38268;
display: inline-block;
vertical-align: top;
cursor: pointer;
color: #fff;
margin-left: 5px;
}
<span id="add_cal_in">M</span>
font-size
更改为30px或更小,则可以正常工作。这是怎么发生的?如何将“M”居中对齐?另一件事是,虽然“M”不是水平居中的,但它似乎仍然是垂直居中的。但是,如果我将“M”更改为“+”,则它既不会水平居中也不会垂直居中。顺便说一下,在Chrome 53中它完美地工作,我在升级Chrome之后发现了这一点。
抱歉我的英语不好,希望您能理解我的意思。