我的段落的高度/行高为 50px 和text-align: center
,它使文本居中。但是 p:before 导致它的高度/行高增加,导致文本向下颠簸。我希望 p 和 p:before 都垂直居中。
<p>Hover This</p>
p {
background: red;
text-align: center;
height: 50px;
line-height: 50px;
font-size: 14px;
}
p:hover:before {
content: "icon";
display: inline-block;
margin-right: 10px;
font-size: 3em;
}
文字长度各不相同,所以我认为我不能只position: absolute
用于图标...