CSS文本:ruby-align

2016-02-19 16:39 15 1 收藏

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

【 tulaoshi.com - Web开发 】

语法:

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

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

说明:

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

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

对应的脚本特性为 rubyAlign 。

示例:

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

ruby { ruby-align: right; }

来源:https://www.tulaoshi.com/n/20160219/1612652.html

延伸阅读
标签: Web开发
语法: word-wrap : normal | break-word 取值: normal :? 默认值。允许内容顶开指定的容器边界 break-word :? 内容将在边界内换行。如果需要,词内换行( word-break )也将发生 说明: 设置或检索当当前行超过指定容器的边界时是否断开转行。 此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 h...
标签: Web开发
水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 语法:text-align : left | right | center | justify说明:设定元素内文本的水平对齐方式。参数:left : 左对齐;right : 右对齐;center : 居中;justify : 两端对齐初始值:跟浏览器的设置有关继承性:可继承适用于:block元素 其...
标签: Web开发
注:本文由 Robin 翻译自 webdesignerwall  (这个标题不知道该怎么翻译好, 希望大家能提提意见.) 你是否想不用photoshop来创建一个带渐变的标题文字吗? 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数主流浏览器.当然, IE6需要一个支持透明PNG的Hack(值得庆幸的是微软正在...
标签: Web开发
layout-flow版本:IE5.5+专有属性 继承性:有 语法: layout-flow : horizontal | vertical-ideographic 取值: horizontal :? 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系 vertical-ideographic :? 对象中的内容自上而下流入,下一行在前一行左面。这个值适用于亚洲语系 说明: 设置或检索对...
标签: Web开发
语法: white-space : normal | pre | nowrap 取值: normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 ! DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用...

经验教程

617

收藏

27
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部