HTML使用<ruby>标签显示拼音

之前是直接将拼音放在文字上。

可以看到，拼音和汉字没对齐，因为拼音的长度是不固定的。

使用ruby标签一字一拼。

效果如下：

tips：

拼音声调可以用输入法的软件盘进行输入

不过google翻译等翻译软件也可以直接翻译

看的拼音:kan

看看、看见、看门狗、雾里看花、好看、看书、看守所、查看、看日子、看相、看客、刮目相看、看朱成碧、看透、看板、看破红尘、看穿、看板娘、眼看、观看、看戏、看病、偷看、另眼相看、看理、看望、看法、看盘、看台、看杀卫玠、看到、察看、看护、看不见、看破、看不起、看不清、看医生、难看、看香头

产生随机字符的关键代码是：

text = String.fromCharCode(3e4 + Math.random() * 33)

如果想要数字的话，可以改成：

text = Math.floor(Math.random()*10)

如果想要英文字母的话，可以改成：

text = String.fromCharCode(65 + Math.floor(Math.random()*25))

---