与填充的动态文本背景在线断裂，字符计数结束时

Question

我想结束我的旧问题，开始一个带有更好样本照片的新问题。 我正在尝试使用换行符为一些动态文本添加透明的png背景，并在换行时在每个句子的末尾给它15 px填充。但是这个文本在html代码中没有br标签。我不希望背景是一个方框。我上传了一份我所拥有的和我想要获得的样本。我听说有一个php脚本可以计算像strlen，count_chars，substr_count这样的字符。谁能帮我。我的css在下面。它是围绕动态文本更改的跨度标记。这是一个Drupal Views幻灯片，它每隔几秒就会改变一次，即照片和文字。

下面是Drupal Views中的代码我使用Tokens作为需要填充的文本，Token被称为'text'。

    .bluebackground
    {background-image:url(images/transparentback.png);}

    <div id="textbox">
    <span class="bluebackground">[text]</span>
    </div>

Answer 1

我不确定为什么你需要PHP，而只是使用CSS。

.bluebackground {
  background-image:url(images/transparentback.png);
  padding: 15px; /* add 15px padding around entire box */
}