iT邦幫忙

2025 iThome 鐵人賽

0

A CSS Video a Day, Keeps Web Confusion Away!!系列 第 54

( Day 54 ) CSS 定義文字空白、定義 Tab 大小

  • 分享至 

  • xImage
  •  

網頁顯示文字時,預設會將連續的多個空白合併為單一空白,如果要顯示連續空白或使用 tab 定位,甚至是設定「強制不換行」的效果,就必須使用 CSS 的樣式屬性進行設定,這個單元會介紹 CSS 的 white-space 和 tab-size 樣式,運用這些樣式屬性,設定文字空白、文件裡的 Enter 換行以及 Tab 大小,最後還會介紹兩個常用的「空白」HTML 字元符號。

影片重點:

  • 00:00:53 white-space 處理空白
  • 00:05:11 white-space-collapse 連續空白遇到換行的處理方式
  • 00:08:24 HTML 中放入空白的方式
  • 00:09:36 tab-size 定義 Tab 大小

相關參考:

CSS 定義文字空白、定義 Tab 大小

後記

看到新聞介紹花蓮的災情,天祐花蓮,希望一切平安呀!

更多參考:


上一篇
( Day 53 ) CSS 文字換行
系列文
A CSS Video a Day, Keeps Web Confusion Away!!54
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言