r ub y-pos IT ion 指定注意的位置时使用。<设置或检索通过rt对象指定的注释文本或发音指南（参考ruby对象）的位置。>
属性值
1.before&nbs p; 注音文本会在基础文字上面表示。（默认值）
2.after 注音文本会在基础文字下面表示。
3.right 注音文本会在基础文字右面表示。
实例代码
XM L/HT ML Code 复制内容到剪贴板
<!DOCTY PE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://HdhCmsTestw3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd" > < html xmlns = "http://HdhCmsTestw3.org/1999/xhtml" > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title > ruby-position </ title > < style > ruby.s am ple1 {ruby-position:before;} ruby.sample2 {ruby-position :after ;} ruby.sample3 {ruby-position:right;} </ style > </ head > < body > < p > < ruby class = "sample1" > 新幹線 < rt > しんかんせん </ rt > </ ruby > </ p > < p > < ruby class = "sample2" > 新干线 < rt > xinganxian </ rt > </ ruby > </ p > < p > < ruby class = "sample3" > 高铁 < rt > High -s peed r ai l </ rt > </ ruby > </ p > </ body > </ html >
实例图
总结
以上是 为你收集整理的 使用CSS3的ruby-position固定注音位置的用法示例 全部内容，希望文章能够帮你解决 使用CSS3的ruby-position固定注音位置的用法示例 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于使用CSS3的ruby-position固定注音位置的用法示例的详细内容...