CSS3 控制Tab宽度 tab-size属性

在程序中，制表符（即 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 上开源。

CSS3 控制Tab宽度 tab-size属性相关推荐

CSS3之size属性
width: 说明: 设置元素的宽度作用: width属性不包括填充,边框,或页边距常用值: (auto):默认值,浏览器会计算出实际的 ...
Html5和Css3的基础标签及常用属性
H5 H5的常用标签及属性: 新增和废弃新增的结构(布局) 标签:section.artcle.nav.footer.header.hgroup.Aside.figure 新增的其他标签: Vide ...
理解CSS3中的background－size(对响应性图片等比例缩放)
理解CSS3中的background-size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性给图片设置固定的宽度和高度的固定宽度400px和高度200px-使用ba ...
CSS3简介、新增选择器、属性选择器、伪元素选择器、伪元素
CSS3知识点: CSS3的相关属性不兼容低版本浏览器,IE9以下是不兼容的,在实际开发中要特别注意,移动端支持优于PC端,是在CSS2上新增的属性,关于兼容这里有两个名词需要了解: 渐进增强 :(针 ...
[html] input元素size属性和width 的区别是什么？
[html] input元素size属性和width 的区别是什么? size:在MDN的定义:控件的初始大小.以像素为单位.但当type 属性为text 或 password时, 它表示输入的字符的 ...
CSS控制div宽度最大宽度/高度和最小宽度/高度
在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟 ...
CSS3的字体和文本相关属性
CSS3其中一个重要变化就是增加了服务器字体功能,这样避免了我们浏览页面时因为字体缺失导致网页效果变差的问题.通过CSS3的服务器字体功能,可以控制浏览器使用服务器包含的字体,这样可以保证即使我们的电 ...
html maxlength 算两个字符,html中的“maxlength”和“size”属性之间的区别？
maxlength(not max-length)属性指定输入字符串的最大长度,以字符为单位,更确切地说,以代码为单位.预计浏览器会通过拒绝接受更多字符来强制执行此操作.然而,这并不意味着作为一种安全 ...
H5中＜img＞的srcset、size属性及＜picture＞介绍
img标签srcset.sizes属性 (HTML 5.1规范) srcset用来声明一组图像源,浏览器根据我们使用描述符指定的条件来选择图像.描述符x表示图像的像素密度,描述符w表示图像的宽度:浏览 ...

CSS3 控制Tab宽度 tab-size属性

CSS3 控制Tab宽度 tab-size属性相关推荐

最新文章

热门文章