我目前正在使用它作为<span>
样式文本。
.tag {
background-color:rgba(0,0,0,0.6);
font-weight: bold;
padding: 5px;
}
但是,当我在它下面添加一些时,所有边框都相互接触。因为它是 a <span>
,所以我不能指望它们能够移动,但是如果我使用 a<div>
或设置文本所在的原始样式<p>
,则背景会延伸到整行。
这是一种两全其美的方法吗?
编辑
按照display: inline
建议,我的代码现在是:
.tag {
background-color:rgba(0,0,0,0.6);
font-weight: bold;
padding: 5px;
margin-top: 10px;
display: inline;
}
您可以在此页面的右侧看到它的显示方式。