木灵鱼儿

木灵鱼儿

阅读:841

最后更新:2018/05/12/ 17:26:18

控制tab的宽度tab-size

上一篇文章我们用渐变背景模拟了斑马纹,这次我们顺带简单了解下如何控制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
文章被阅读 841

相关文章

目录树