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="https://jylskj.cn/article/gjcioj.html">https://jylskj.cn/article/gjcioj.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/cocpg.html">云主机试用30天有哪些福利，云主机有什么好处</a> </li><li> <a href="/article/ieepc.html">C++中如何实现多态-创新互联</a> </li><li> <a href="/article/cphdss.html">360×坦克世界！这扫地机器人有点酷炫</a> </li><li> <a href="/article/cphgsi.html">K1Power以卓越性能优势全面支持开源数据库和国产数据库</a> </li><li> <a href="/article/jgppod.html">Linux基础命令---find</a> </li><li> <a href="/article/jghcss.html">如何基于脚手架配置Angular代理</a> </li><li> <a href="/article/dsihjdj.html">关于html5展示的信息</a> </li><li> <a href="/article/djghdoh.html">ps怎么做海报?（ps怎么做海报视频教程)</a> </li><li> <a href="/article/dhesgdc.html">python中如何找到一个字符串</a> </li><li> <a href="/article/ccchpds.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
地址：成都市简阳市大华国际财富中心2号楼
24小时服务热线：18982081108

网站建设服务

网站推广服务

网站运维服务

微信二维码

微信二维码

友情链接：南充建网站成都企业画册设计遂宁发电机成都建筑保温橡塑昆明户外用品成都维修发电机定制网站开发成都app开发礼盒包装设计网站代管理

网站建设知识

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

联系我们

网站建设服务

网站推广服务

网站运维服务

FOLLOW US