css white-space 屬性用於設定如何處理元素內的空白，例設定white-space: nowrap，則換行及行首尾空格全部被合併，文字不會換行，文字會在同一行上繼續，直到遇到
標籤為止。
css white-space屬性怎麼用？
white-space 屬性設定如何處理元素內的空白。
這個屬性宣告建立佈局過程中如何處理元素中的空白符。
語法：
white-space : normal | pre | nowrap | pre-wrap | pre-line ;
屬性值：
normal：預設。空白會被瀏覽器忽略。
pre：空白會被瀏覽器保留。其行為方式類似 HTML 中的
標籤。 <p>nowrap：文字不會換行，文字會在同一行上繼續，直到遇到 <br> 標籤為止。 </p><p>pre-wrap：保留空白符序列，但正常地進行換行。 </p><p>pre-line：合併空白符號序列，但保留換行符。 </p><p><strong>說明：</strong>值 pre-wrap 和 pre-line 是 CSS 2.1 新增的。 </p><p>註解：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。 </p><p><span style="font-size: 18px;"><strong>css white-space屬性 範例</strong></span></p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<head>
<style type="text/css">
.box{
width: 500px;
border: 1px solid #000;
margin-bottom:10px ;
}
.p1 {
white-space: nowrap
}
</style>
</head>
<body>
<div class="box">
<p>
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
</p>
</div>
<div class="box">
<p class="p1">
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
php中文网
</p>
</div>
</body>
</html>輸出：
以上是css white-space屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
我們如何標記Google字體並創建Goofonts.comApr 12, 2025 pm 12:02 PMGoofonts是由開發人員和設計師丈夫簽名的附帶項目，它們都是版式的忠實擁護者。我們一直在標記Google
使用JavaScript API練習GraphQl查詢Apr 12, 2025 am 11:33 AM學習如何構建GraphQL API可能具有挑戰性。但是您可以學習如何在10分鐘內使用GraphQL API！碰巧的是，我得到了完美的
將類型設置在圓上...帶偏移路徑Apr 12, 2025 am 11:00 AM這裡是Yuanchuan的一些合法CSS騙局。有此CSS屬性偏移路徑。曾幾何時，它被稱為Motion-Path，然後被更名。我
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver Mac版
視覺化網頁開發工具
WebStorm Mac版
好用的JavaScript開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
mPDF
mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），
