javascript - 如何将css样式添加到katex html

Question

我在我的 html 中使用 katex 作为数学符号。元素从父div溢出，当我向容器div添加样式时，overflow: hidden父div那些根本没有显示的元素，可以限制元素的大小吗？谢谢。

Answer 1

您期望限制容器的大小会产生什么影响？

据我所知，KaTeX 不支持换行。（部分是因为 KaTeX 不太担心水平宽度。它会进行垂直定位，但水平宽度留给浏览器来整理。或者至少我上次处理它的情况是这样，可能有改变的动机通过诸如 underbrace 之类的结构。）

我想一个更合理的做法是缩小数学，直到它适合所需的宽度。KaTeX 也不支持这一点，但应该准备好为此或在某处使用解决方案。

如果您知道将显示公式的设置，那么手动包装它通常会产生最佳结果。人类善于寻找包装有意义的地方，并善于看到对齐以帮助读者。

Answer 2

我遇到过这种情况，发现您可以编辑katex.min.css以调整字体或使用自己的字体。请注意，您通常会忽略node_modules（如果您使用的是 npm）

这是Katex的官方指南。