例
設置一個 <pre> 元素的 tab-size:
pre {tab-size: 16; }
pre {-moz-tab-size: 16; } /* 針對 Firefox 的代碼 */
pre {-o-tab-size: 16; } /* 針對 Opera 的代碼 */
瀏覽器支持
目前只有 Chrome 支持 tab-size 屬性。
Firefox 支持另一個可替代該屬性的屬性,即 -moz-tab-size 屬性。
Opera 支持另一個可替代該屬性的屬性,即 -o-tab-size 屬性。
目前沒有瀏覽器支持該值作為長度單位。
定義和用法
tab-size 屬性規定制表符(tab)字符的空格長度。
在 HTML 中,制表符(tab)字符通常顯示為一個單一的空格字符,除了一些元素,比如 <textarea> 和 <pre>,tab-size 屬性的結果只對這些元素有效。
默認值: | 8 |
---|---|
繼承: | 是 |
可動畫化: | 否。請參閱 可動畫化(animatable)。 |
版本: | CSS3 |
JavaScript 語法: | object.style.tabSize="16"嘗試一下 |
CSS 語法
tab-size: number|length|initial|inherit;
屬性值
值 | 描述 | 測試 |
---|---|---|
number | 默認值是 8。規定每個制表符(tab)字符要顯示的空格字符的數量。 | 測試 ? |
length | 規定制表符(tab)字符的長度。幾乎所有的主流瀏覽器都不支持該屬性值。 | |
initial | 設置該屬性為它的默認值。請參閱 initial。 | 測試 ? |
inherit | 從父元素繼承該屬性。請參閱 inherit。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
極低碼 :https://wheart.cn
你是否曾為統計一篇文檔的漢字、符號、英文字符數量而頭疼?或者在撰寫自媒體文章時,需要精確控制字數以滿足平臺要求?今天給大家介紹一款強大的工具——“文本長度計算器”,它能自動幫你一站式解決所有文字統計難題。
“文本長度計算器”是一款智能化的文本分析軟件,具備全面且精準的統計功能。它不僅能快速計算出整個文本的總長度(包括但不限于漢字、英文字母、數字、標點符號和空格),還能細分統計各類字符的數量,讓你對每篇文章的構成一目了然。
【核心功能解析】
【實際用途廣泛】
SS 有幾個不同的單位用于表示長度。
一些設置 CSS 長度的屬性有 width, margin, padding, font-size, border-width, 等。
長度有一個數字和單位組成如 10px, 2em, 等。
數字與單位之間不能出現空格。如果長度值為 0,則可以省略單位。
對于一些 CSS 屬性,長度可以是負數。
有兩種類型的長度單位:相對和絕對。
瀏覽器支持
下表中的數字表示支持該長度單位的最低瀏覽器版本。
長度單位 | |||||
---|---|---|---|---|---|
em, ex, %, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
ch | 27.0 | 9.0 | 1.0 | 7.0 | 20.0 |
rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
vh, vw | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
vmin | 20.0 | 9.0* | 19.0 | 6.0 | 20.0 |
vmax | 26.0 | 不支持 | 19.0 | 不支持 | 20.0 |
注意: Internet Explorer 9 通過不標準的名稱 vm 來支持 vmin 。
相對長度
相對長度單位指定了一個長度相對于另一個長度的屬性。對于不同的設備相對長度更適用。
單位 | 描述 | 在線實例 |
---|---|---|
em | 它是描述相對于應用在當前元素的字體尺寸,所以它也是相對長度單位。一般瀏覽器字體大小默認為16px,則2em == 32px; | 嘗試一下 |
ex | 依賴于英文子母小 x 的高度 | 嘗試一下 |
ch | 數字 0 的寬度 | |
rem | 根元素(html)的 font-size | |
vw | viewpoint width,視窗寬度,1vw=視窗寬度的1% | 嘗試一下 |
vh | viewpoint height,視窗高度,1vh=視窗高度的1% | 嘗試一下 |
vmin | vw和vh中較小的那個。 | 嘗試一下 |
vmax | vw和vh中較大的那個。 | 嘗試一下 |
% |
絕對長度
絕對長度單位是一個固定的值,它反應一個真實的物理尺寸。絕對長度單位視輸出介質而定,不依賴于環境(顯示器、分辨率、操作系統等)。
提示:
rem與em有什么區別呢?區別在于使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。單位 | 描述 | 在線實例 |
---|---|---|
cm | 厘米 | 嘗試一下 |
mm | 毫米 | 嘗試一下 |
in | 英寸 (1in = 96px = 2.54cm) | 嘗試一下 |
px * | 像素 (1px = 1/96th of 1in) | 嘗試一下 |
pt | point,大約1/72英寸; (1pt = 1/72in) | 嘗試一下 |
pc | pica,大約6pt,1/6英寸; (1pc = 12 pt) | 嘗試一下 |
像素或許被認為是最好的"設備像素",而這種像素長度和你在顯示器上看到的文字屏幕像素無關。px實際上是一個按角度度量的單位。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。