ruby-position能在样式上定制文字周围的注音位置,页面编码设置好以后可以用来制作各种语言之间的加注翻译效果,下面我们来看一下使用css3的ruby-position固定注音位置的用法示例:
ruby-position 指定注意的位置时使用。
属性值
1.before 注音文本会在基础文字上面表示。（默认值）
2.after 注音文本会在基础文字下面表示。
3.right 注音文本会在基础文字右面表示。
实例代码
ruby-position ruby.sample1 {ruby-position:before;} ruby.sample2 {ruby-position:after;} ruby.sample3 {ruby-position:right;}新幹線
立即学习“前端免费学习笔记（深入）”；
新干线
高铁
实例图
以上就是使用CSS3的ruby-position固定注音位置的用法示例介绍的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1607752.html
微信扫一扫 
支付宝扫一扫 
