CSS文本:ruby-align

多余不是我的错

多余不是我的错

2016-02-19 16:39

下面是个CSS文本:ruby-align教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

语法:

ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge

取值:

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 文本行在基本文本边的上方

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

说明:

设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的对齐位置。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 rubyAlign 。

示例:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

ruby { ruby-align: right; }

展开更多 50%)
分享

猜你喜欢

CSS文本:ruby-align

Web开发
CSS文本:ruby-align

CSS文本:ruby-position

Web开发
CSS文本:ruby-position

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS文本:ruby-overhang

Web开发
CSS文本:ruby-overhang

CSS文本:text-align

Web开发
CSS文本:text-align

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS文本:vertical-align

Web开发
CSS文本:vertical-align

CSS教程:vertical-align的值

Web开发
CSS教程:vertical-align的值

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS背景:background-position

CSS背景:background-position

windows8系统装机

windows8系统装机
下拉加载更多内容 ↓