CSS:多行文字的背景色? [英] CSS: Background-color on multi-line text?

查看:79
本文介绍了CSS:多行文字的背景色?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

您是否有想法在多行文本上添加"background-color"属性,但有两个困难:

Do you have an idea to add a "background-color" property on a multi-line text, with two difficulties:

  • 背景必须在每行的最后一个单词之后停止
  • 没有背景的每行之间没有空格

示例:

谢谢!

推荐答案

我认为这就是您要寻找的东西: http://jsfiddle.net/9BTYQ/1/

I think this is what you are looking for: http://jsfiddle.net/9BTYQ/1/

span {
    color: white;
    background-color: #343132;
    box-shadow: 0.5em 0 0 #343132,-0.5em 0 0 #343132;
}

div {
    width: 100px;
}

<div>
    <span>Do you have an idea to add a background-color property on a multi-line text, with two difficulties:</span>
</div>   

这篇关于CSS:多行文字的背景色?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆