App下載
話題 首頁 > CSS 教程 > CSS 教程話題列表 > 詳情

怎樣使用CSS設(shè)置文字與文字間距距離?

精華
唐婷大小姐 2016-12-02 11:55:05 瀏覽(12320) 回復(fù)(7) 贊(0)
文字與文字間距距離,字與字距離間距CSS如何設(shè)置?
css

回答(7)

徐建凱 精華 2016-12-02

使用CSS解決字間距的方法如下:


使用css樣式屬性letter-spacing: +距離數(shù)值+html單位letter-spacing:15px; 即設(shè)置了字與字距離間隔15px(像素)。

例子:


CSS 代碼:

.w3cschool{letter-spacing:15px;}


完整HTML 代碼:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>W3Cschool在線教程</title> 
<style>
.w3cschool{letter-spacing:15px;}
</style>
</head> 
<body> 
<div class="w3cschool">http://o2fo.com</div> 
</body> 
</html> 

案例截圖:

文字間距離

文字間距離,CSS文字與文字間距離實現(xiàn)實例截圖從上圖我們可以看出設(shè)置15px字與字間距效果。

總結(jié):

我們使用CSS letter-spacing 即可解決字體間距設(shè)置問題。

冒泡的可樂 2016-12-08

letter-spacing : 5px

不會的屬性可以查cssAPI哦

桂子旭 2017-03-07

字間距是自適應(yīng)的,字體大就大,除非特殊需求,否則不用改

Changes world 2017-04-15

要設(shè)置上下間距還是橫向文字間距

一筆荒蕪 2018-05-31

好慢呀,空空如也,半天不來大神解決,大佬在哪啦

1144100656 2018-05-31

快來解決啦!快來!快來! 快來 快來

1152696398 2018-05-31

吃瓜群眾,坐等大神來解決。。。。。

要回復(fù),請先登錄 或者注冊