云上小悟
首页   关于   小悟志   栏目   标签   文章   归档   友链   联系

   云上小悟  +  

当前位置 : 首页 » 网站建设 » MathJax换行显示技巧 正文

MathJax换行显示技巧

网站建设 / by: 麦新杰 / 发布:2016年3月30日 / 112次阅读 / 1条评论
/ 最后修改时间: 2016-03-30 18:31:00

网站建设 / 2016年3月30日 / 112次阅读 /


MathJax换行显示技巧

首先申明,这只是一个MathJax显示长数学公式换行的技巧,是否适合各位站长的网页要求,还要具体情况具体分析。

本人在获得这个技巧之前,研究了MathJax自动换行的配置(在HTML-CSS里面配置linebreaks),但是如论如何都不好用,又缺搞不清楚具体配置失败的原因,网络上关于这个问题的内容几乎没有。于是决定采用迂回战术,放弃MathJax的自动换行配置,改用本文介绍的一个小技巧。

之所以要让MathJax渲染的数学公式换行,主要还是为了更好的在移动页面显示。

 

小技巧的内容如下:

1, 在使用LaTeX语法的地方,增加<div>,并定义其宽度;

这个宽度会按照100%的尺寸传递给MathJax的代码。

2, 在<div>内,只是用inline的latex语法,即只是用\(\);

主要是不想居中,因为第3点。

3, 在 = 或者 其它四则运算符号的地方,手动换行。

手动换行是核心,前面两点都是为了让手动换行之后更好看而已。

 

我使用的代码如下:

示例页面:

http://www.maixj.net/misc/jihuahecha-gongshi-11505

PC和手机都可以访问,看看效果吧。

本文固定链接:http://www.maixj.net/wangzhan/mathjax-huanhang-11558
amazon进口原版图书

“MathJax换行显示技巧”有1条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

  • 麦新杰  says:

    按照官方说明配置,也无法实现自动换行,肯定有什么地反搞错了.......暂时不管了,还是手动换行吧。   [ 回复 ]


前一篇:
后一篇:

麦新杰的云上小悟独立博客网站文章内容,除非特别注明,全部都是原创,如需转载,请先阅读版权声明!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!喝杯茶,慢慢阅读...

©Copyright 麦新杰 SINCE 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  

本站360安全检测  Valid CSS!