下面是个CSS文本:ruby-align教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
【 tulaoshi.com - Web开发 】
语法:
ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)取值:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)auto : 默认值。由浏览器确定对齐方式。对于ideographic(东亚)文本以 distribute-space 值对齐。对于Latin文本以 center 值对齐
left : 根据基本宽度左对齐
center : 根据基本宽度居中对齐。如果基本宽度小于 ruby 文本的宽度,那么基本宽度在 ruby 文本的宽度中居中
right : 根据基本宽度右对齐
distribute-letter : 如果ruby文本的宽度小于基本宽度,则 ruby 文本在基本宽度中均匀分布。如果 ruby 文本的宽度大于或等于基本宽度,居中对齐
distribute-space : 如果 ruby 文本的宽度小于基本宽度,则 ruby 文本在基本宽度中均匀分布。在 ruby 文本中,在第一个字符的前面后最后字符的后面有半个字距的空白区域。如果 ruby 文本的宽度大于或等于基本宽度,居中对齐
line-edge : 如果 ruby 文本不相邻行边缘,则其被居中。否则 ruby 文本行在基本文本边的上方
说明:
设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的对齐位置。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 rubyAlign 。
示例:
ruby { ruby-align: right; }
来源:http://www.tulaoshi.com/n/20160219/1612652.html
看过《CSS文本:ruby-align》的人还看了以下文章 更多>>