使用CSS3的ruby-position固定注音位置的用法示例
ruby-position 指定注意的位置时使用。<设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。>
属性值
1.before 注音文本会在基础文字上面表示。(默认值)
2.after 注音文本会在基础文字下面表示。
3.right 注音文本会在基础文字右面表示。
实例代码
XML/HTML Code 复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns = "http://www.w3.org/1999/xhtml" > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title > ruby-position </ title > < style > ruby.sample1 {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-speed rail </ rt > </ ruby > </ p > </ body > </ html >实例图
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。