css設定字型間距
來源:酷知科普網 2.88W
操作方法
先看下我們的html程式碼,很簡單,就是一個div裡有一段文字,我們為這個div添加了一個樣式 zn
預設情況下,不加任何樣式時,這段文字的間距是很小的,如圖
為了新增文字的間距,我們可以新增letter-spacing的樣式,新增一個zn的樣式名,樣式程式碼為 letter-spacing: 12px;就是每個文字間會有12畫素的間距。
再執行頁面,就可以看到效果了。文字間的間距明顯加大了。
操作方法
先看下我們的html程式碼,很簡單,就是一個div裡有一段文字,我們為這個div添加了一個樣式 zn
預設情況下,不加任何樣式時,這段文字的間距是很小的,如圖
為了新增文字的間距,我們可以新增letter-spacing的樣式,新增一個zn的樣式名,樣式程式碼為 letter-spacing: 12px;就是每個文字間會有12畫素的間距。
再執行頁面,就可以看到效果了。文字間的間距明顯加大了。