首頁 > web前端 > css教學 > css字間距佈局之如何設定字間距?

css字間距佈局之如何設定字間距?

WBOY
發布: 2018-09-27 15:19:19
原創
2709 人瀏覽過

本章為大家介紹css如何設定字間距,有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

字間距在css佈局時候使用比較少,但偶爾文字文字排版會用到,所以有必要了解並掌握css 字間距佈局方法。

歸集方法,其實字與字間距是有css樣式來佈局的,非常簡單,使用letter-spacing即可實現我們需要的css字間距需求。

letter-spacing:5px - 設定物件內字間間距為5px
letter-spacing:2px - 設定物件內字間間距為2px

無論是中文漢字或英文字母,以及阿拉伯數字均有效,相容於各大瀏覽器。

1、div css設定字間距實例碼

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>间距实例 thinkcss</title>
<style>
.jianju{ letter-spacing:10px}
</style>
</head>
<body>
<p>正常未设置字间距显示内容</p>
<p class="jianju">thinkcss设置了letter-spacing字间距为10px,看看效果</p>
</body>
</html>
登入後複製

2、字間距效果截圖

css字間距佈局之如何設定字間距? p>

3、掌握說明
為需要設定字間距的物件設定css letter-spacing(字間距)樣式即可,再依照版面需求設定間距數值。

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