<分区>
CSS - 对齐问题前的图像
标签 css
大家好，我有一个像这样的 h2 元素:
<h2 id="back">Back</h2>
我之前添加了一张图片:
#back::before {
background-image: url(/images/arrow.png);
background-size: 20px 30px;
display: inline-block;
width: 30px;
height: 40px;
content: "";
background-repeat: no-repeat;
background-position: center;
}
但是输出是附加的屏幕截图...我的问题是如何让我的箭头在文本的中间和之前对齐。我该怎么做？
最佳答案
你可以用 flex 简单地做到这一点:
#back{
display: flex;
align-items:center;
justify-content:center;
....
}
#back::before{
width: 20px;
height: 20px;
rest of your styling
}
关于CSS - 对齐问题前的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57912292/