1

我正在使用 php 在 ap 标记中输出和 exerpt 。

然后我用跨度包装 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…&lt;/span></p>

然后跨度上有这个CSS......

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

请看这里的结果...

在此处输入图像描述


请参阅绿色箭头 - 它看起来像所需的那样。
请参阅红色箭头 - 缺少填充。

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

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

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

这是可能的吗？

4

2 回答 2

0

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

于 2013-05-08T16:01:53.180 回答
0

不幸的是，我认为这是不可能的，这就是为什么：

span总是像这样内联，所以 padding 在顶部、底部、左侧和右侧添加了额外的 5px。现在你的中间行不是开始或结束，因为它们是一行，所以填充不会为它们读取。

你可以设置一个背景，display:block但你想要一个“突出显示”的效果，这不是display:block什么

于 2013-05-08T16:17:21.557 回答