css - 如何设置此 div 以显示内联？

Question

我不知道如何定位这些 div。它们是由 Drupal 自动创建的，所以我无法更改任何 html。我只是想使用 css 来设置display: inline-block;，但我不知道如何定位 div。

我尝试使用一个荒谬的选择器，连续使用大约十个类。显然这不起作用，但我不能选择任何我可以使用的东西。

如果你真的想看看我尝试了什么，就是这个

.js-view-dom-id-2440d996405b92b9e79e4f45b4592d697bcee994b7823526688871e9cae9b36e .item-list ul li .node .node__content .inline .quickedit-field div{display: inline-block;}

我认为给你实际站点的 url 可能是最简单的，这样你就可以在开发工具中看到我的意思。转到naclc.info/jobs我正在尝试将截止日期显示在一行上。

标签： cssdrupal-8display

Answer 1

您可以使用 CSS flex 属性而不是使用display: inline.

假设 Ul 不是动态到来的。您可以定位 DIV，例如：

ul.links + div { display: flex; }