在我的html頁面中,我使用html特殊字符顯示了分數。我的想法是顯示1/2,2/2和3/3。具有相等分子和分母的分數的HTML特殊字符
我已經使用⅓ for 1/3
和⅔ for 2/3
和特殊的字符正確顯示。我參考了這個鏈接HTML Special Characters
但是當我嘗試使用&frac33; for 3/3
它不起作用。它只是照原樣顯示,而不是轉換成特殊字符。
難道你有人請告訴我什麼是3/3的html特殊字符。
謝謝
在我的html頁面中,我使用html特殊字符顯示了分數。我的想法是顯示1/2,2/2和3/3。具有相等分子和分母的分數的HTML特殊字符
我已經使用⅓ for 1/3
和⅔ for 2/3
和特殊的字符正確顯示。我參考了這個鏈接HTML Special Characters
但是當我嘗試使用&frac33; for 3/3
它不起作用。它只是照原樣顯示,而不是轉換成特殊字符。
難道你有人請告訴我什麼是3/3的html特殊字符。
謝謝
<sup>3</sup>⁄<sub>3</sub>
結果: ⁄
並非所有的分數都有自己的特殊字符。對於那些級分(如3/3)不具有傾斜的部分字符,使用HTML實體:
<sup>3</sup>⁄<sub>3</sub>
= ⁄
沒有名爲(或數字)字符對於代表3/3的字符的引用,因爲根本沒有這樣的字符。
理論上,可以在數字之間使用FRACTION SLASH U + 2044「/」字符(在HTML中表示爲),以表明呈現例程將組合作爲印刷部分。在實踐中,只有一些排版程序可以做到這一點,並且網頁瀏覽器遠沒有來臨。
試圖使用HTML標記和/或CSS來構建看起來像印刷部分的東西(在外觀上相當於½)往往會產生混亂的結果,包括不均勻的行間距。
實際的選擇是使用普通的符號,如2/2。但是如果你想要一個印刷分數的東西,你可以使用MathML MathJax。更確切地說,MathML中的mfrac
元素的屬性爲bevelled="true"
。示例代碼:
<!doctype html>
<title>Fractions with MathJax and MathML</title>
<script src=
"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
Here we have the common fraction ½, then
a simulation with HTML and CSS:
<sup>1</sup>⁄<sub>2</sub>.
Note that this tends to create uneven line spacing.
There are some cures to that, but let us see how MathML works:
<math>
<mfrac bevelled="true">
<mn>1</mn>
<mn>2</mn>
</mfrac>
</math>.
Some text here to demonstrate that line spacing has not
been disturbed here.
樣品渲染:
感謝您告訴我一些我以前沒見過的新代碼。 – Minion
未來的注意事項:cdn.mathjax.org即將結束其生命週期,請查看https://www.mathjax.org/cdn-shutting-down獲取遷移提示(也許可以爲將來的讀者更新您的文章)。 –
但隨着使用代碼的問題是,中3/3的字體大小比使用&frac13是有點大; – Minion
只需將所有內容都轉換爲上面的代碼,如果尺寸不匹配,請不要使用&frac13 –