首頁 web前端 css教學 CSS屬性 - white-space 空白屬性使用說明_經驗交流

CSS屬性 - white-space 空白屬性使用說明_經驗交流

May 16, 2016 pm 12:07 PM
- css屬性 white-space

CSS屬性 - white-space 空白屬性說明
此CSS屬性用來處理空白。

值:normal | pre | nowrap | inherit 

可用值 值的說明 
normal 缺省值。文字自然換行。如果超過元素寬度,內容自然換到下一行。 
nowrap 不允許換行。 
pre 保留換行和空白。這個數值只有當你聲明了!DOCTYPE,且 IE 6 以上版本才支援。



在 HTML 文件裡,空白,例如換行符 (line breaks)、 空格 (spaces)、 製表符 (tabs),都自動被移除。 HTML會自動截去多餘的空格。不管你加多少空格,都被看做一個空格。為了在網頁中增加空格,你可以用   表示空格。你也可以用
強制換行。

範例程式碼
.p1  {white-space: nowrap}
.p2 {white-space: normal}
繼承


適用於
所有區塊類型的元素 (block elments)。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Angular元件及其顯示屬性:了解非block預設值 Angular元件及其顯示屬性:了解非block預設值 Mar 15, 2024 pm 04:51 PM

Angular框架中元件的預設顯示行為不是區塊級元素。這種設計選擇促進了元件樣式的封裝,並鼓勵開發人員有意識地定義每個元件的顯示方式。透過明確設定CSS屬性 display,Angular組件的顯示可以完全控制,從而實現所需的佈局和響應能力。

創造動態背景效果:CSS屬性的靈活運用 創造動態背景效果:CSS屬性的靈活運用 Nov 18, 2023 pm 03:56 PM

創造動態背景效果:CSS屬性的靈活運用在網頁設計中,背景效果是非常重要的一部分,它可以為網站增添生動的氛圍,提升使用者體驗。 CSS作為網頁樣式設計的關鍵語言,充分發揮了靈活性和多樣性,提供了豐富的屬性和技巧來創造各種動態背景效果。本文將透過具體的程式碼範例,介紹一些常見的CSS屬性的靈活運用,以實現精彩的動態背景效果。 1.漸層背景漸層背景可以為網頁增添魅力,讓

groove在css中是什麼意思 groove在css中是什麼意思 Apr 28, 2024 pm 04:12 PM

在CSS中,groove表示一種邊框樣式,創造凹槽狀效果。具體應用如下:使用CSS屬性border-style: groove;凹槽狀邊框具有凹陷的內側邊緣、凸起的外部邊緣和陰影效果。

html虛線邊框怎麼設定 html虛線邊框怎麼設定 Apr 05, 2024 am 09:36 AM

HTML中可以透過CSS的border-style屬性將邊框設為虛線:確定要設定虛線邊框的元素,例如使用p元素表示段落。使用border-style屬性設定虛線樣式,例如dotted表示小圓點狀虛線,dashed表示短劃線虛線。設定邊框其他屬性,如border-width、border-color和border-position,以控制邊框寬度、顏色和位置。

layui如何設定背景圖 layui如何設定背景圖 Apr 26, 2024 am 02:45 AM

layui 中設定背景圖的方法有兩種:使用CSS 樣式:body { background-image: url("path/to/image.jpg"); }使用layui API:layui.use('element', function() { element.addStyle('.layui-body{background-image: url("path/to/image.jpg");}') });

如何利用CSS3屬性實現網頁文字的環繞效果? 如何利用CSS3屬性實現網頁文字的環繞效果? Sep 08, 2023 am 10:30 AM

如何利用CSS3屬性實現網頁文字的環繞效果?在現代網頁設計中,文字環繞效果是一種常見且有趣的展示方式。透過利用CSS3屬性,我們可以輕鬆實現網頁文字的環繞效果。本文將介紹一些常用的CSS3屬性以及它們在實作文字環繞效果的應用。一、float屬性float屬性是CSS中用來設定元素浮動的屬性。結合clear屬性,可以實現文字環繞圖片的效果。下面是一個範例:&

如何解決WordPress網站頭部錯位問題? 如何解決WordPress網站頭部錯位問題? Mar 01, 2024 am 09:54 AM

如何解決WordPress網站頭部錯位問題?當你在WordPress網站上遇到頭部錯置的問題時,可能會讓你感到困惑和沮喪。這種問題可能由於多種原因引起,例如CSS樣式錯誤、Javascript衝突、插件問題等。在本文中,我們將討論如何解決WordPress網站頭部錯位問題,並提供具體的程式碼範例。 1.檢查CSS樣式首先,檢查你的主題CSS樣式表是否有錯誤或衝

實現酷炫滾動效果的CSS屬性技巧 實現酷炫滾動效果的CSS屬性技巧 Nov 18, 2023 am 09:08 AM

實現酷炫滾動效果的CSS屬性技巧,需要具體程式碼範例CSS是網頁設計中不可或缺的一部分,透過CSS可以實現各種各樣的效果來提升網頁的互動體驗。其中,滾動效果是一種非常常見且非常酷炫的效果,它可以使網頁元素以流暢的動畫效果滾動到指定位置。本文將介紹一些實現酷炫滾動效果的CSS屬性技巧,並提供具體程式碼範例。一、使用CSS屬性scroll-behavior實現平滑滾

See all articles