• 我转过几个弯 绕过那个小雨楼
  • 拿着蒲扇摆着衣衫渡着紧箍咒
  • 不问天涯不停留 喝过几壶酒
  • 不过年少白头道义放胸口
  • 倘若明天之后 遥看前尘剑封侯
  • 似那天上神仙无所求
  • 朝朝暮暮君如梦醒十分不为何理由
  • 是真是假是惶恐是无休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 又过了几个弯 算尽天量道莫慌
  • 踏这田园闻这芳草香
  • 跌跌撞撞仗剑天涯折煞不枉无笔良
  • 是梦是幻是温柔是家乡
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 谁能与我一醉方休

控制tab的宽度tab-size

137 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的宽度
  • 流行热度:已超过 137 人围观了本文
  • 最后更新:2018年05月12日 - 17时26分18秒
  • 发布日期:2018年05月12日 - 17时25分00秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
微信收款码
微信收款码