0

我目前正在使用它作为<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;
}

您可以在此页面的右侧看到它的显示方式。

4

1 回答 1

0

display:block并且display:inline是不同的......默认情况下DIV是块......跨度是内联的。但是,您可以使用display:属性更改默认行为

于 2012-10-24T19:42:37.840 回答