css 设置文字背景色,会整行显示,怎么样才能根据文字长短显示背景色?

企业微信截图_15934171038073.png

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

阅读 15.8k
3 个回答

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

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

使用行内标签

<span>,<i>,<u>,<em>,<strong>,<label>

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

display:inline 或者 display:inline-block
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题