CSS文本:layout-grid-type

2016-02-19 18:32 0 1 收藏

有了下面这个CSS文本:layout-grid-type教程,不懂CSS文本:layout-grid-type的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

  语法:

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

layout-grid-type : loose | strict | fixed

取值:

loose :? 默认值。指定在中文或韩文中使用网格的文本,只有象形文字,假名,宽字符域网格对齐。其余的和通常一样,尽管包含这些字符的文本范围的 layout-grid-mode 被设置为 none 或 line 。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后,如果不能再换行边界的文本中找到一个换行机会,那么文本将被推至下一行,并且上一行的最后留出空白

strict :? 指定在日文中使用网格。规则为:如果没有其他的宽度调整效果,则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加

fixed :? 指定使用于等宽版式网格。规则为:所有非草书符号视为等宽。默认情况下,每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为

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

说明:

设置或检索应用于对象文本的网格类型。

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

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

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

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

对应的脚本特性为 layoutGridType 。

示例:

div { layout-grid-type: strict; }

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

延伸阅读
标签: Web开发
注:本文由 Robin 翻译自 webdesignerwall  (这个标题不知道该怎么翻译好, 希望大家能提提意见.) 你是否想不用photoshop来创建一个带渐变的标题文字吗? 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数主流浏览器.当然, IE6需要一个支持透明PNG的Hack(值得庆幸的是微软正在...
标签: Web开发
语法: white-space : normal | pre | nowrap 取值: normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 ! DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用...
标签: 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...

经验教程

687

收藏

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