好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

tab-size

CSS tab-size 属性指定页面中显示TAB字符(U+0009)的宽度。

通过 tab-size 属性我们可以指定页面中一个TAB字符(U+0009)的宽度。宽度可以被设置为明确的长度值,或者使用来指定一个Tab字符等于多少个空白字符(U+0020)。整数值不允许为负数。默认情况下,一个Tab字符的宽度等于8个空白字符的宽度。

默认情况下,HTML页面中多个连续的空白字符会被压缩,只显示一个空白字符。当我们在页面的源代码中键入了一个Tab字符(U+0009)的时候,Tab字符会被转换为一系列连续的空白字符(U+0020)。因此,Tab字符也会被压缩为一个空白字符。

通常我们只有在 <pre> 代码块中才使用该属性来设置Tab字符的宽度,用来格式化代码的显示。

官方语法
tab-size: <integer> | <length> | inherit

参数:

<integer> :使用数据类型来指定一个Tab字符等于多少个空白字符。不允许为负数。 <length> :使用数据类型来明确指定Tab字符的宽度。不允许为负数。 inherit :继承父元素的Tab宽度。 应用范围

tab-size 属性可以应用在所有块级元素上。

示例代码
pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4; /* 设置Tab字符的宽度为4个空白字符 */
}
pre {
  -moz-tab-size: 0;
  -o-tab-size: 0;
  tab-size: 0; /* 移除缩进 */
}
浏览器支持

IE和Edge浏览器不支持 tab-size 属性,除了Chrome(45+)和Opera(38+)浏览器之外,Firefox、Safari等浏览器仅支持 tab-size 属性使用值,而不支持长度值。详细的浏览器兼容性列表如下:

查看更多关于tab-size的详细内容...

  阅读:68次

上一篇: right

下一篇:text-align

CopyRight:2016-2025好得很程序员自学网 备案ICP:湘ICP备09009000号-16 http://haodehen.cn
本站资讯不构成任何建议,仅限于个人分享,参考须谨慎!
本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。

网站内容来源于网络分享,如有侵权发邮箱到:kenbest@126.com,收到邮件我们会即时下线处理。
网站框架支持:HDHCMS   51LA统计 百度统计
Copyright © 2018-2025 「好得很程序员自学网
[ SiteMap ]