格式化无序列表，使其不像段落一样缩进

Question

我正在使用jQuery.tocify.js javascript插件以编程方式生成目录。不过，我遇到了一些问题。插件的操作方式，它会提取每个h1，h2，h3等标记，并制作嵌套列表，同时尊重深度。

我遇到的问题是，如果我有一个长字符串的h2，则会在目录中显示格式错误＆＃34;错误＆＃34;。特别是，列表项的第一行是嵌套的，但内容像段落一样流动：

  

顶级标题

     

    

带有

的辅助标题   

     

长标题

     

    

另一个次要标题

  

很抱歉这个糟糕的近似值，但我希望它能得到我所看到的内容。

有没有办法设置列表项以将整个辅助标题缩进到相同的深度，以便它（大约）显示为：

  

顶级标题

     

    

带有

的辅助标题          

长标题

  

以下是生成的目录（长名称）的示例：

<ul id="tocify-header7" class="tocify-header nav nav-list">
  <li class="tocify-item active" data-unique="the-fifth-(and-successful)-try" style="cursor: pointer;"><a>The Fifth (and Successful) Try</a></li></ul>

看起来nav和nav-list应该来自Bootstrap，但我不确定Bootstrap3是否还有nav-list类。

编辑：是的，看起来插件与Bootstrap 3不兼容。我想我会到处寻找不同的插件。

Answer 1

您应该将锚点显示为块并为它们设置最大宽度。这应该强制它们在收盘时循环，但是将它们全部保持在相同的压痕处。