css怎样才能根据文字显示背景色？

• Z时代
• 2024-01-10
• 分类：技术分享

如图所示，用background-color:#F7EAC3; 或background:#F7EAC3; ，都会整行显示背景色，我想要的是文字背景色，因为后面可能会更改文字，文字长短不一定，所以没有设定文字的width属性，请问怎么在不设定文字width属性的情况下，让背景色根据文字长短显示？

回答

用行内或者行内块标签比如span，或者css样式display:inline or display:inline-block

demo

文字用行内标签包裹，再设置样式即可

使用行内标签

<span>，<i>，<u>，<em>，<span>，<label>

如果是块级元素，可以设置css样式:

display:inline 或者 display:inline-block

以上是 css怎样才能根据文字显示背景色？ 的全部内容， 来源链接： utcz.com/a/28222.html