与列表高度相同的线条

正如您在图片1中看到的，我有一个由wordpress“Display Posts Shortcode”插件创建的<ul>列表。与列表高度相同的线条

我想在图像和文本之间有一条垂直线（见图2）。

我不知道我该如何解决这个问题。

这是网站：here

，如果你有一个想法如何解决这个问题，这将是非常好的。

2016-07-23 Lukas Ertl

你将不得不改变插件的输出HTML。为了实现这一点，最好在联系短代码/帖子插件的开发者。他可以给你确切的建议，并会明智地知道一些过滤器，钩子和你可以用来改变这种做法的行为 – 2016-07-23 15:37:40

他不回答：/ –

有几种解决方案。由于这个网站似乎没有响应和图像列宽度似乎是固定的我最简单的解决方案将...

创建一个图像的行宽。看起来像3px乘3px的红色方块可以工作。我将其命名为red3x3.png并将其放在图像文件夹中。站在你的style.css文件中的行442
添加以下行到你。显示短柱-上市规则：

.display-posts-listing { list-style: none; display: inline-block; float: right; width: 100%; /* add following 4 lines */ background-image: url(/bilder/red3x3.png); background-repeat: repeat-y; background-size: 1%; background-position-x: 220px; }

同样，这里有几个其他解决方案，但我认为这一个更简单，更安全。

2016-07-23 16:09:57 zJorge

它没有回应YET：/ ...另一个问题是：如果有其他新闻文章，它会显示在其他的下，所以线路必须有不同程度的变化高度。 –

该解决方案将此考虑在内。它将扩展并覆盖所有文章。你有没有实施我的解决方案？对于响应能力，您需要相应地在其他媒体查询中添加CSS规则。基本上改变background-position-x：220px;数量较少。 – zJorge

啊现在我得到了谢谢！作品！ –

回答