css中tab-size属性的使用方法

小编给大家分享一下css中tab-size属性的使用方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联公司-云计算及IDC服务提供商，涵盖公有云、IDC机房租用、成都服务器托管、等保安全、私有云建设等企业级互联网基础服务，联系热线：028-86922220

css tab-size属性定义及用法

在css中，tab-size属性是使用来规定制表符（tab）字符的空格长度，在HTML中，制表符（tab）字符通常显示为一个单一的空格字符，除了一些元素，比如和 <pre>，tab-size属性的结果只对这些元素有效。</p><p>tab-size属性是css3中新增属性，目前只有Chrome浏览器支持tab-size属性；Firefox浏览器支持-moz-tab-size属性来替代该属性；Opera浏览器支持-o-tab-size属性来替代该属性。没有浏览器支持该值作为长度单位。</p><p><strong>css tab-size属性语法格式</strong></p><p>css语法：tab-size: number/length/initial/inherit</p><p>JavaScript语法： object.style.tableLayout="fixed"</p><p><strong>属性值说</strong></p><p>number：规定每个制表符（tab）字符要显示的空格字符的数量（默认值为8）</p><p>length：规定制表符（tab）字符的长度（几乎所有的主流浏览器都还不支持该属性值）</p><p>initial：设置该属性为它的默认值</p><p>inherit：从父元素继承tab-size属性的值</p><p><strong>实例</strong></p><pre><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css tab-size属性制表符的空格长度</title> <style type="text/css"> #t1{tab-size: 4; -moz-tab-size: 4; /*Firefox */ -o-tab-size: 4; /*Opera */ } #t2{tab-size: 8; -moz-tab-size: 8; /*Firefox */ -o-tab-size: 8; /* Opera */ } </style> </head> <body> <pre id="t1">I use tab-size 4</pre> <pre id="t2">I use tab-size 16</pre> <p>目前只有Chrome支持 tab-size属性。</p> <p>Firefox支持可替代该属性的属性-moz-tab-size属性。</p> <p>Opera支持可替代该属性的属性-o-tab-size属性。</p> </body> </html></pre><p><strong>运行结果</strong></p><p><strong><img src="/upload/otherpic55/10459.jpg" alt="css中tab-size属性的使用方法"></strong></p><p>看完了这篇文章，相信你对css中tab-size属性的使用方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！</p> <br> 分享名称：css中tab-size属性的使用方法 <br> 本文来源：<a href="http://6mz.cn/article/gjcioj.html">http://6mz.cn/article/gjcioj.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dsjjdpp.html">阿里云服务器节点可以换吗 chia阿里云节点</a> </li><li> <a href="/article/dsjjdjj.html">ad服务器安全认证日志 ad安全设备</a> </li><li> <a href="/article/dsjjdpd.html">关于2048java源代码的信息</a> </li><li> <a href="/article/dsjjdhh.html">路由器插电脑哪里路由器电脑插口怎么插</a> </li><li> <a href="/article/dsjjcoh.html">域名服务怎么样做域名服务的原理是什么</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设，集团网站建设(网站建设网站制作)找网站建设公司就上快上网。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求

联系我们

028-86922220

手机：13518219792
地址：成都市太升南路288号锦天国际A幢1002号
24小时服务热线：400-028-6601

网站建设服务

网页设计
网站制作
网站开发

网站推广服务

营销网站建设
百度快速排名
整站网站推广

网站运维服务

基础维护
网站改版
网站维护

微信二维码

微信二维码

友情链接：成都酒店服定制彩乐斯 php主机丹棱网站建设手机网站建设公司广汉锦华橡塑商城网站彭州网站建设绵阳梓潼网站建设成都网站设计

网站建设知识

css中tab-size属性的使用方法

联系我们

网站建设服务

网站推广服务

网站运维服务

FOLLOW US