文本溢出:使用MathJax省略?

时间:2014-05-30 04:25:20

标签: css mathjax css3

是否可以让text-overflow:ellipsis使用MathJax?

这是一个(非工作)示例(on JSFiddle

HTML:

<!doctype html>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<div id="test">
\[
\text{2014-01-05} \quad
\begin{cases} \text{Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum} \\
\text{Lorem ipsum} \\
\text{Lorem ipsum} \\
\end{cases}
\]
</div>

<div id="test">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
</div>

CSS:

#test{
    display: inline-block;
    width: 20em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

正如您所看到的,text-overflow:ellipsis适用于没有任何MathJax内容的div,但不适用于带有MathJax内容的div。有没有解决方案或解决方法?

1 个答案:

答案 0 :(得分:1)

目前无法实现这项目标。

虽然the MathML specoverflow - truncateelide提供了两个可比较的值,但MathJax中尚未实现这两个值。

从好的方面来说,linebreaking is supported用于展示式数学。


附录:适用一些限制。并非所有的断行方法都受支持;特别是,不支持令牌元素中的换行符和一些对齐选项。