如何将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 的 the official guide。