我已经<span>通过.js在我的代码中使用了CMS中的粗体字，例如标题输入。现在，我只想在标题文本后面添加蓝色背景，如下所示，但不使用背景，背景会被拉伸。
我希望我的背景响应文本输入的长度，这是不加扰整个代码的最简单方法。可能吗？
body {} img {
width: 100%;
}
.h {
font-family: "Arial";
font-size: 30px;
text-align: center;
color: #FFF;
}
.h span {
position: relative;
background-color: #00A0E8;
padding-left: 18px;
padding-right: 18px;
padding-top: 3px;
padding-bottom: 3px;
}
.square {
position: relative;
background-color: #00A0E8;
padding-left: 18px;
padding-right: 18px;
padding-top: 3px;
padding-bottom: 3px;
}<div class="h"><span><b>I WANT</b> THIS</span>
</div>
<br>
<br>
<div class="h">
<div class="square"><b>I GET</b> THIS</div>
</div>。
只需display:inline-block;在.square课程中添加即可。
body {} img {
width: 100%;
}
.h {
font-family: "Arial";
font-size: 30px;
text-align: center;
color: #FFF;
}
.h span {
position: relative;
background-color: #00A0E8;
padding-left: 18px;
padding-right: 18px;
padding-top: 3px;
padding-bottom: 3px;
}
.square {
display:inline-block;
position: relative;
background-color: #00A0E8;
padding-left: 18px;
padding-right: 18px;
padding-top: 3px;
padding-bottom: 3px;
}<div class="h"><span><b>I WANT</b> THIS</span>
</div>
<br>
<br>
<div class="h">
<div class="square"><b>I GET</b> THIS</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句