Question

我花了两个小时试图自己弄清楚这一点之后，我觉得现在是时候问问那些真正懂得编码的人了。

我的情况如何

我正在构建一个WordPress主题，并且努力使导航按我想要的方式工作。我的想法如下所示： sketch of home page

由于它是WordPress菜单（并且由于我计划调整整个网站的外观），因此我需要将其作为列表。但是我很难使第一级项目显示为标题，而第二级项目显示为以下项目。

据我所知： https://jsfiddle.net/grysom/bpe924du/

我尝试使用flexbox属性随机添加东西，然后使用：after选择器和content: "\A";添加一个中断，但是没有运气。

您知道如何执行此操作吗？甚至有可能吗？

提前感谢您的想法！

祝你愉快

grysom

Answer 1

您希望第二级列表<ul>在<li>的内部：

<ul>
   <li>
      Pro veřejnost
      <ul>
         <li>Co je ergoterapie</li>
         <li>Kdo je ergoterapeut</li>
         <li>Seznam zařízení</li>
         <li>Etický kodex</li>
      </ul>
   </li>
   <li>
      Praxe
       <ul>
          <li>Nabídky práce</li>
         <li>Vychytávky a tipy</li>
         <li>Legislativa</li>
      </ul>
   </li>
 </ul>

我已经更新了您的jsfiddle：https://jsfiddle.net/grysom/bpe924du/，但是您需要稍微调整一下样式以区分级别。

使用flexbox时在新行上强制ul li ul

1 个答案: