Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/252.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何使用背景色突出显示线条,并在每行上添加填充?_Php_Javascript_Css - Fatal编程技术网

Php 如何使用背景色突出显示线条,并在每行上添加填充?

Php 如何使用背景色突出显示线条,并在每行上添加填充?,php,javascript,css,Php,Javascript,Css,我使用php在一个p标记中输出和执行 然后,我用一个跨距将p标记的内部字符串包裹起来 <p class="lead"><span><?php the_advanced_excerpt(); ?></span></p> 请看外面,过来 请参见绿色箭头-其显示位置如所需。 请参见红色箭头-其中缺少填充 正如您所看到的,橙色高亮线在每条线的末端齐平。除了字符串的开头和结尾 所以我的问题是如何在每一行中添加左/右填充 因此,似乎每一行都用背景

我使用php在一个p标记中输出和执行

然后,我用一个跨距将p标记的内部字符串包裹起来

<p class="lead"><span><?php the_advanced_excerpt(); ?></span></p>
请看外面,过来

请参见绿色箭头-其显示位置如所需。 请参见红色箭头-其中缺少填充

正如您所看到的,橙色高亮线在每条线的末端齐平。除了字符串的开头和结尾

所以我的问题是如何在每一行中添加左/右填充

因此,似乎每一行都用背景色高亮显示。就像塑料胶带,上面有压花字母


这有可能吗?

将display:block或display:inline block添加到span的类中

不幸的是,我认为这是不可能的,这就是为什么:

span始终是这样内联的,因此填充会在顶部、底部、左侧和右侧添加额外的5px。现在,中间行不是开始或结束,因为它们是一行,所以填充不代表它们


您可以使用display:block设置背景,但您需要的是突出显示的效果,而不是display:block提供的效果

请发布呈现的HTML,而不是PHP源代码。填充显示在JSFIDLE上:为什么不在.carousel标题上使用背景色,这样背景总是橙色的?除非我遗漏了什么。@RyanSaxe在单行上效果很好,在多行上,除了段落的第一个和最后一个字,边缘是齐平的。请看这里@Cam请看我上面的图片-突出问题我认为这不会满足我的愿望。请看上面更新的问题。嗯,是不是有任何鬼鬼祟祟的使用jquery或其他东西向每一行添加跨距?不幸的是,我不这么认为。我考虑过,但折线点是主观的大小等,它只是为了造型,所以我很肯定你不能确定它。有一件事,但这不是一个好主意…使用jquery或php计算理论换行前的字符数并添加空格,但这有可能出错感谢您的帮助ryan-看起来麻烦太多了:
<p class="lead"><span>Motorcycle helmet Full face or open face. A motocross or enduro style helmet is a better choice. These are specifically designed for off-road use and have particular…</span></p>
.carousel-caption .lead span {
    background: #F60;
    padding: 5px;
}