溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關CSS中如何使用空白效果屬性，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
white-space
white-space用來設置瀏覽器對“空白”的處理，所謂的空白指的是你在編輯器里面輸入的空格，回車，tab等。他的可選內容如下：
normal： 默認。空白會被瀏覽器忽略。例如：開頭結尾的空白忽略，字之間的，不管多少個多個空格或回車，只顯示一個空格，換行前面的空格忽略
pre：空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。
nowrap：不換行，除非遇到<br />，n個空格會被壓縮為一個。
pre-wrap：保留所有空白，但是正常地進行換行（chrome，FF，IE8+，Opera），在IE6和IE7下等同于normal
pre-line：合并空白符序列（合并成一個），但是保留換行符（chrome，FF，IE8+，Opera），在IE6和IE7下面等同于normal
word-spacing與letter-spacing
word-spacing 只能作用于英文的單詞與單詞間，對于中文無效
letter-spacing 可以作用于中文。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<style type="text/css">
p.spread {letter-spacing: 30px;}
</style>
</head>
<body>
<p class="spread">This is some text.哈哈哈哈哈哈哈</p>
<p class="tight">This is some text.This is some text.</p>
</body>
</html>關于CSS中如何使用空白效果屬性就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
