前端使用mathJax.js展示數學公式無法自動換行的問題

前言:

最近使用的一款插件math.js按照正常格式展示各種公式，途中遇到不能自動換行的困擾，一步步排查得知標籤class名爲mjx-chtml的設置強制不換行white-space: nowrap，那麼只需要在你所引用的CSS文件中加一行樣式即可

話不多說，上代碼

全局引用並設置mathJax

messageStyle是公式轉化的進度，會顯示的頁面左下角，用戶體驗不是很好，SO，我隱藏掉了

<script type="text/javascript"
          src="http://api.xkw.com/mathjax/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script type="text/x-mathjax-config">
      MathJax.Hub.Config({
          messageStyle: 'none',
          jax: ["input/MathML","output/SVG"],
          extensions: ["mml2jax.js","MathEvents.js"]
      })
</script>

// 解決數學公式中的強制不換行
.mjx-chtml{
  white-space: normal!important;
}