阿西西德增加托克宽度

时间:2019-07-17 11:13:30

标签: css asciidoctor

我正在用asciidoc重写AssertJ的文档,并希望增加目录的宽度和内容的整体宽度(以填充空白区域)

我查看了asciidoctor.css,发现可以将该属性从toc2的宽度从20em增大到25em,但是却弄乱了

  #toc.toc2 {
    /* initially 20em */
    width: 25em
  }

  #header,
  #content,
  #footnotes,
  #footer {
  width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    /* initially 75em,  increasing it to 100em does not play with toc when toc is increased */
    max-width: 100em;
    *zoom: 1;
    position: sticky;
    padding-left: .9375em;
    padding-right: .9375em
  }

我很高兴获得新的TOC宽度,但问题是缩小窗口时,内容被TOC隐藏,如屏幕截图所示:(

我不是Web开发人员,我尝试了一些尝试但均未成功,是否可以帮助我正确设置此设置或指向执行此操作的良好资源?

enter image description here

1 个答案:

答案 0 :(得分:2)

您需要在两个位置更改css。

body.toc2 {
   padding-left: 26em;
}

#toc.toc2 {
    /* initially 20em */
    width: 25em;
}

一个比您想要的宽度多1em的主体。

结果

Results