揭秘CSS(第 1 版)
3.2.16 Tab宽度
阅读(

概述

CSS选择器

字体和文本

字体

文本

文本溢出

单词换行

单词折行

处理空白符

文本方向

文本阴影

文本装饰

文本转换

单词间距

字符间距

垂直对齐

行高

水平对齐

水平对齐

文本缩进

Tab宽度

在程序中,制表符(即 tab 字符,在 C、Pyhthon 等语言中,用 \t 表示)用来控制跳到下一个制表位,常用来控制文本的缩进。制表符的宽度,对于任何一款代码编辑器来说,都是很必须的功能。而在网页中,制表符的宽度也同样是必须的功能。

默认情况下,浏览器通常将HTML中制表符替换为8个空格来显示。8个空格明显太宽了,不能满足大多数人的要求,并且不够灵活。

因此,在CSS3中,新增了 tab-size属性,用来设置对象中的制表符的宽度,其值可以是一个整数或长度值。整数表示制表符的宽度为字符宽度的倍数,默认值是8,即表示制表符的宽度为8个字符的宽度;长度值表示制表符的宽度为指定的宽度值。

只有当一个元素的 white-space 属性的值为 pre 或 pre-wrap 或 pre-line 时,tab-size属性才会有效。而像 pre、textarea 这些元素,其 white-space 属性的默认值就是 pre,所以,可以直接使用 tab-size属性,而无需设置 white-space 属性。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验