首頁 > web前端 > css教學 > css中字間距怎麼調整

css中字間距怎麼調整

王林
發布: 2023-01-06 11:13:34
原創
6442 人瀏覽過

css中調整字間距的方法是,使用letter-spacing屬性調整,如【letter-spacing:6px】。 letter-spacing屬性可以增加或減少字元間的空白。

css中字間距怎麼調整

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

css中專門為我們提供了一個屬性lettter-spacing,用來調整字元之間的間距。

letter-spacing 屬性增加或減少字元間的空白(字元間距)。

屬性值:

  • normal    預設。規定字符間沒有額外的空間。   

  • length    定義字元間的固定空間(允許使用負值)。   

  • inherit    規定應該從父元素繼承 letter-spacing 屬性的值。   

具體實作程式碼如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p文字间距 CSS5</title>
<style>
.jianju{ letter-spacing:6px}
</style>
</head>
<body>
<p>第一段:内容<br />
换行形式,我是第一段的内容</p>
<p class="jianju">第二段:内容,我被设置字间距6px</p>
</body>
</html>
登入後複製

相關影片教學:css影片教學

#

以上是css中字間距怎麼調整的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板