控制tab的宽度tab-size

51 0

上一篇文章我们用渐变背景模拟了斑马纹,这次我们顺带简单了解下如何控制tab的宽度。

浏览器默认一个tab是8个字符,这种感人的宽度简直让人吐血,你想想你在编辑器里一个tab才多宽,而且我们有时候经常是三个tab起步啊,这要是在浏览器里显示,简直突破天际,为此css3特意出了一个新属性:tab-size。

目前tab-size在日常的浏览器都是支持了,but---除了微软的浏览器,微软的浏览器不知道拖了多少后腿,你想想ie....再到现在的edge,来人,做了他。

嗯哼~~~有点扯远了,我们继续。

tab-size目前用,建议直接用数字,虽然也能用像素单位这些,但是苹果又不行啊,所以我们还是用数字就行,1就是代表一个1个字符宽度,默认是8(谷歌默认是4),我们改成2,!

tab-size:2;

效果图:

-50

好了,就是这么简单,你需要多宽就设置多少。

然后再放一张各大浏览器兼容性的图片:
请输入图片描述

0
  • 本文分类:CSS
  • 本文标签:tab-size控制tab的宽度
  • 流行热度:已超过 51 人围观了本文
  • 发布日期:2018年05月12日 - 17时25分00秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿站点。未经许可,禁止转载。
微信收款码
微信收款码