溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細(xì)講解有關(guān)CSS中如何使用空白效果屬性，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
white-space
white-space用來設(shè)置瀏覽器對(duì)“空白”的處理，所謂的空白指的是你在編輯器里面輸入的空格，回車，tab等。他的可選內(nèi)容如下：
normal： 默認(rèn)。空白會(huì)被瀏覽器忽略。例如：開頭結(jié)尾的空白忽略，字之間的，不管多少個(gè)多個(gè)空格或回車，只顯示一個(gè)空格，換行前面的空格忽略
pre：空白會(huì)被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。
nowrap：不換行，除非遇到<br />，n個(gè)空格會(huì)被壓縮為一個(gè)。
pre-wrap：保留所有空白，但是正常地進(jìn)行換行（chrome，F(xiàn)F，IE8+，Opera），在IE6和IE7下等同于normal
pre-line：合并空白符序列（合并成一個(gè)），但是保留換行符（chrome，F(xiàn)F，IE8+，Opera），在IE6和IE7下面等同于normal
word-spacing與letter-spacing
word-spacing 只能作用于英文的單詞與單詞間，對(duì)于中文無效
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>關(guān)于CSS中如何使用空白效果屬性就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼