DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS 浏覽器的等寬空格
CSS 浏覽器的等寬空格
編輯:CSS詳解     

很多時候,希望能夠在 HTML 中使用空格排版。但浏覽器在解析 HTML 時,會把連續的空格解析成一個,所以我們會使用   等這樣的占位符。

但是   也不是很可靠,比如空格間距非常大,那麼我們必須增加多個占位符,同時頁面的體積會變得非常大。

同時,注意到 Safari 中的   寬度是已設定字符的空格寬度(Safari 的默認字體為 Times),也就是說一個中文字符需要兩個占位符。

具體情況如下圖所示:

CSS 浏覽器的等寬空格

其實,這不是 Safari 的問題,而是字體的問題。解決的方式就是使用下面的屬性

font-family: '宋體';將 Safari 的默認字體設置成“宋體”等中英文等寬的字體,就能解決。Windows 版本的 Safari 字體設置,需要直接使用中文“宋體”這樣的名稱而不是“Simsun”(了解原因的兄弟請告訴我)。

但至此,我們的根本目標沒有解決,就是能否避免使用   這樣的占位符,而使用“原生”的空格。考慮針對空白的相應 CSS 屬性,具體了解有關 white-space 的用法,接下來就比較好處理了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved