CSS文本:layout-grid-char

2016-02-19 16:40 7 1 收藏

下面图老师小编要向大家介绍下CSS文本:layout-grid-char,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

语法:

layout-grid-char : none | auto | length

取值:

none : 默认值。无字符网格设定

auto : 在对象文本中按最大的字符确定网格

length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅 长度单位

说明:

设置或检索应用于对象内容文本的字符网格尺寸。

其视觉效果类似于 line-height 属性。

以东亚语言(如中文,日文)写的文档通常根据一维或二维网格使用字符的页面版式。你可以用 layout-grid 属性将这种布局加入到网页文档中去。

此属性只应用于块对象(如 div )。

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

要使此属性发生作用, layout-grid-mode 属性值必须设置为 line 或 both 。

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

对应的脚本特性为 layoutGridChar 。

示例:

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

div { layout-grid-char: auto; }

来源:http://www.tulaoshi.com/n/20160219/1612705.html

延伸阅读
标签: Web开发
语法: ruby-overhang : auto | whitespace | none 取值: auto : 默认值。  ruby 文本突出相邻基本文本的任何其他文本 whitespace : ruby 文本只突出空白区域的字符 none : ruby 文本只突出相邻基本文本的任何其他文本 说明:设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。此属性对于 current...
标签: Web开发
语法: ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge 取值: auto : 默认值。由浏览器确定对齐方式。对于ideographic(东亚)文本以 distribute-space 值对齐。对于Latin文本以 center 值对齐 left : 根据基本宽度左对齐 center : 根据基本宽度居中对齐。如果基本宽度小于 ruby...
标签: Web开发
vertical-align版本:CSS1/CSS2 兼容性:IE4+ NS4+ 继承性:无 语法: vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length 取值: auto : CSS1 根据 layout-flow 属性的值对齐对象内容 baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐 sub : CS...
标签: Web开发
语法: word-wrap : normal | break-word 取值: normal :? 默认值。允许内容顶开指定的容器边界 break-word :? 内容将在边界内换行。如果需要,词内换行( word-break )也将发生 说明: 设置或检索当当前行超过指定容器的边界时是否断开转行。 此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 h...
标签: Web开发
语法: ime-mode : auto | active | inactive | disabled 取值: auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME disabled : 完全禁用...

经验教程

164

收藏

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