php - 如何突出显示具有背景颜色的行并在每行上填充?

标签 php javascript css

我正在使用 php 在 p 标签内输出和摘录。

然后我用 span 包裹 p 标签的内部字符串。

<p class="lead"><span><?php the_advanced_excerpt(); ?></span></p>

输出的html...

<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>

然后 span 上有这个 css...

.carousel-caption .lead span {
    background: #F60;
    padding: 5px;
}

请看这里...

enter image description here


请查看绿色箭头 - 所需位置。
查看红色箭头 - 缺少填充的地方。

如您所见,每行末尾的橙色高亮线条齐平。除了字符串的开头和结尾。

所以我的问题是如何为每行添加左/右填充?

所以看起来每一行都用背景颜色突出显示了。就像上面印有浮雕字母的塑料胶带。

这是否可行?

最佳答案

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

关于php - 如何突出显示具有背景颜色的行并在每行上填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16445149/

相关文章:

javascript - 在 Bootstrap 下拉菜单中设置默认值

javascript - 使用对象属性值组合包含对象的多个数组

javascript - 基于列值的剑道网格行颜色

javascript - 使用 CSS 或 Jquery 或 Javascript 的图像边框

PHP 如果不是字符串

php - 如果 URl 不存在,mod_rewrite .htaccess 会导致 500 服务器错误

javascript - 搜索输入框添加清除按钮

html - 添加 2 :before's :after's on same div to create 2 triangles

java - 对于开始 GWT 项目的 PHP 程序员有什么好的建议吗?

PHP - 定时 MySQLi 行更新?