个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我想制作一个 HTML 文档，其中包含模仿 \itemize latex 环境的数学公式列表(即标记应类似于“1”、2)等)，我想有两列布局。
对于数学公式，我使用 MathJax，对于标记，我在 https://stackoverflow.com/a/1636635/3025740 使用了 CSS 技巧对于两列，我使用 CSS 属性 column-count 添加特定于供应商的属性，如 http://www.w3schools.com/cssref/css3_pr_column-count.asp
这三种机制中的任何两种似乎都可以正常工作，但当我混合使用这三种机制时，它就不行了:数学公式的字体大小(记得，用 MathJax 呈现)太小了。
这是重现问题的最小代码(在 Ubuntu 16.04 LTS 和 Firefox 49.0.2 上测试)
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<style media="screen">
ol {
counter-reset: list;
}
ol > li {
list-style: none;
/*removing this property fixes MathJax size but breaks markers*/
position: relative;
}
ol > li:before {
counter-increment: list;
content: counter(list, decimal) ") ";
position: absolute;
left: -1.4em;
}
.twocolumns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
</style>
</head>
<body>
<div class="twocolumns">
<ol>
<li>\(2 \times 5\)</li>
<li>\(4 \times (2 +11)\)</li>
<li>\(4 \times 5 - 2 \times 7\)</li>
<li>\(4 \times (87 - 45) + 5 \times 2\)</li>
</ol>
</div>
</body>
</html>如片段中所示，在 CSS 中删除 ol > li 中的 position: relative; 修复了 MathJax 大小问题。可悲的是，它也打破了标记技巧(标记消失)
知道如何让它发挥作用吗？
最佳答案
MathJax 使用一个相对较高的框(60ex 高)来确定周围字体的 ex 高度，看起来 FF 和 Edge 都在多列设置中对该框的大小做了一些有趣的事情。它们似乎覆盖了 MathJax 为这个框设置的宽度和高度，因此 MathJax 得到了错误的前高度(因此设置了错误的字体缩放)。由于 FF 和 IE 都这样做，也许这是 HTML 或 CSS 规范的正确行为，而 WebKit 却弄错了。我还没试过弄明白。
无论如何，事实证明，将 overflow:hidden 添加到 MathJax 使用的测试元素的 CSS 中可以解决问题(在这种情况下，浏览器不会搞砸高度，因为原因超出我的理解)，所以添加
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
CommonHTML: {
styles: {".mjx-ex-box-test": {overflow: "hidden"}}
}
});
</script>
到您的页面，或添加
.mjx-ex-box-test {
overflow: hidden;
}
到您的 CSS 文件应该可以解决问题。
关于css - 使用 `position` CSS 属性播放时 Mathjax 字体大小会缩小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40657422/
25
4
0
在 Mathjax 中，如何将其写为由第二个 = 分隔的双行? 这是 Mathjax 代码: $= 2[2W(k-2) + (k-1)2^{k-1}] + k2^k= 2^2W(k-2)+(k-1)2
如何使用 TeX 在 MathJax 中实现弹性双括号？例如， TeX 包 stmaryrd 有这个，但 MathJax 不支持任意包的导入。 我希望双括号在所有尺寸下都好看。 奖励:这在 Ascii
我希望能够通过在某种粗体命令中将几个符号分组来使它们变粗。我可以使用(例如)将单个符号加粗 \boldsymbol \phi 但我希望能够加粗几个符号，例如: {\boldsymbol \phi \v
我想输入这个。 我试过这样 $$\lambda=\frac{0.693}{t_\frac{1}{2}}$$ 还， $$\lambda=\frac{0.693}{{t}_\frac{1}{2}}$$ 还
下图来自 Chiswell 和 Hodges 数学逻辑练习，第 21 页: 当我在 Mathematics Stack Exchange 上发布答案时，我想显示类似的内容，但我不知道如何在 Mathj
我无法让 MathJax 更改它用于呈现以 AsciiMath 编写的公式的字体。我已经在 StackOverflow 和网络上的其他地方阅读了类似问题的答案: Styling MathJax Cha
Mathjax 元素默认居中对齐。 如何使 Mathjax 元素左对齐？ 最佳答案 MathJax.Hub.Config({ jax: ["input/TeX","output/HTML-CS
我有一个文本区域，我希望用户在其中输入数学表达式。我不想立即呈现任何结果，就像它在 SO 上一样。 像这样的东西: function onkeyup(event) { var prev =
我有一个包含简单文本的网站，其中混合了最初仅可见标题的部分。单击标题可展开该部分。此页面的所有部分都可以包含我希望使用 MathJax 很好地排版的数学，但这些部分可能很长并且包含大量数学。 我想推迟
查看代码片段 What will be the output of $${x^2}$$ 这会在一行上显示字符串“What will be the output of”，并在第二行上显示表达式 如何让
如果你只是使用这样的东西: \( \left[ \begin{matrix} 0 & 1 & 5 & 2 \\ 1 & -7
有没有办法使用 MathJax 对齐多个方程，使赤道彼此位于下方？ For example: 2x - 4 = 6 2x = 10 x = 5 最佳答案 使用 aligned环
是否有可能让 text-overflow:ellipsis 与 MathJax 一起工作？ 这是一个(非工作)示例(on JSFiddle) HTML: \[ \text{2014-01-05}
我正在编写一个将 html 保存到 onenote 的网络应用程序。为了保存数学公式，我打算用MathJax.js把数学公式转成svg，然后再把svg转成png，因为onenote api支持的htm
我猜这之前已经在一个线程中完成了，但我只花了两个小时阅读各种线程并且无法解决一个非常基本的问题。 长话短说: 我正在尝试在网络浏览器中为家庭作业生成器创建动态方程/图表。到目前为止，我一直在使用 Ma
我想在我的本地 Mathjax 配置文件中声明一些数学运算符，以便我可以在每个页面中使用它们。 我发现我可以按照 MathJax 文档 Defining TeX macros 中的描述定义命令. 但是
我有一个基本的 MathJax代码 MathJax.Hub.Config({ extensions: ["tex2jax.js", "TeX/AMSmath.js"], ja
我知道如何使用 MathJax 将网页中的 TeX 命令转换为数学公式。 MathJax 脚本将在页面中搜索 TeX 命令并将它们内联转换为 HTML 语句。 有没有办法以预处理的形式来做到这一点？换
nCr 和 nPr 需要一个置换和组合 mathJaX 符号 最佳答案 你可以用这个: nCk => {}_n \mathrm{ C }_k nPk => {}_n \mathrm{ P }_k 关于
我想知道是否有办法转换 MathJax输出到 MathML . 我读了几篇文章说MathJax支持 MathML .我还可以看到选项“Show MathML” ' 当我右键单击 MathJax 时公式
我是一名优秀的程序员,十分优秀！