是否可以让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
。有没有解决方案或解决方法?
答案 0 :(得分:1)
目前无法实现这项目标。
虽然the MathML spec为overflow
- truncate
和elide
提供了两个可比较的值,但MathJax中尚未实现这两个值。
从好的方面来说,linebreaking is supported用于展示式数学。
附录:适用一些限制。并非所有的断行方法都受支持;特别是,不支持令牌元素中的换行符和一些对齐选项。