码迷,mamicode.com
首页 > Web开发 > 详细

使用HTML实现对汉字拼音的支持

时间:2016-04-26 09:44:21      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
ruby {
font-size: 14px;
}

ruby span {
letter-spacing: 10px;
}

rt {
font-size: 11px;
}
</style>
</head>

<body>
<ruby>
<span>中国人民万万岁</span><rt>zhong guo ren min wan wan sui</rt>
</ruby><br/>

<ruby>
<span>博客园</span><rt>bo ke yuan</rt>
</ruby>
</body>

</html>

结果:
技术分享


2:
<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
rt {
font-size: 18px;
padding-left: 10px;
}
</style>
</head>

<body>

<ruby>中<rt>zhōng</rt>国<rt>guó</rt>人<rt>rén</rt>民<rt>mín</rt></ruby>
</body>

</html>



结果:
技术分享

使用HTML实现对汉字拼音的支持

标签:

原文地址:http://www.cnblogs.com/theWayToAce/p/5433745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!