這篇文章主要介紹“CSS設(shè)置行間距和字間距的方法”，在日常操作中，相信很多人在CSS設(shè)置行間距和字間距的方法問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”CSS設(shè)置行間距和字間距的方法”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

專業(yè)從事成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè),高端網(wǎng)站制作設(shè)計(jì),微信平臺(tái)小程序開發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠服務(wù)，采用H5場(chǎng)景定制+CSS3前端渲染技術(shù)，成都響應(yīng)式網(wǎng)站建設(shè)公司，讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項(xiàng)小組，與您實(shí)時(shí)在線互動(dòng)，隨時(shí)提供解決方案，暢聊想法和感受。

在css中，可以通過letter-spacing屬性來設(shè)置字間距，語法“l(fā)etter-spacing:值”；通過line-height屬性來設(shè)置行間距，語法“l(fā)ine-height:相對(duì)數(shù)值|絕對(duì)數(shù)值”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS設(shè)置行間距

在CSS中通過line-height屬性來實(shí)現(xiàn)行間距的設(shè)置，line-height的值表示的是兩行文字之間基線的距離。

文字的基線，指的是如果給文字加上下劃線，那么上下劃線就是文字的基線。

Line-height的值設(shè)置為具體的數(shù)值，可以是相對(duì)數(shù)值，也可以設(shè)置為絕對(duì)數(shù)值，在靜態(tài)頁面中，文字大小固定時(shí)常常使用絕對(duì)數(shù)值，而對(duì)于論壇和博客這些用戶可以自定義字體大小的頁面，通常設(shè)置為相對(duì)數(shù)值，從而，可以隨著用戶自定義的字體大小改變相應(yīng)的行間距。

	
		
		
	
	
	
		9月23日是“秋分”，我國古籍《春秋繁露、陰陽出入上下篇》中說：“秋分者，陰陽相半也，故晝夜均而寒暑平?！薄扒锓帧钡囊馑加卸阂皇翘栐谶@時(shí)到達(dá)黃徑180.一天24小時(shí)晝夜均分，各12小時(shí)；二是按我國古代以立春、立夏、立秋、立冬為四季開始的季節(jié)劃分法，秋分日居秋季90天之中，平分了秋季。

		秋分時(shí)節(jié)，我國常見流域及其以北的廣大地區(qū)，均夏侯進(jìn)入了秋季，日平均氣溫都降到了22℃以下。北方冷氣團(tuán)開始具有一定的勢(shì)力，大部分地區(qū)雨季剛剛結(jié)束，涼風(fēng)習(xí)習(xí)，碧空萬里，風(fēng)和日麗，秋高氣爽，丹桂飄香，蟹肥橘黃，秋分是美好宜人的時(shí)節(jié)。

		秋季降溫快的特點(diǎn)，使得秋收、秋耕、秋種的“三秋”大忙顯得格外緊張。秋分棉花吐絮，煙葉也由綠變黃，正是收獲的大好時(shí)機(jī)。華北地區(qū)已開始播種冬麥，長江流域及南部廣大地區(qū)正忙著晚稻的收割，搶晴耕翻土地，準(zhǔn)備油菜播種。

	

代碼如上，第一段文字采用了絕對(duì)數(shù)值，并且行間距設(shè)置的比文字大小還要小，因此，文字發(fā)生了部分重疊的現(xiàn)象。

第二段和第三段，分別設(shè)置了不同的文字大小，但是由于使用了相對(duì)數(shù)值，因此，能夠自動(dòng)的調(diào)節(jié)行間距。

CSS設(shè)置字間距

CSS中通過letter-spacing屬性來調(diào)整字間距，這個(gè)屬性同樣可以設(shè)置相對(duì)數(shù)值和絕對(duì)數(shù)值。

	
		
		
	
	
	
		文字間距1，負(fù)數(shù)

		文字間距2，相對(duì)數(shù)值

		文字間距3，相對(duì)數(shù)值

	

代碼如上，可以看到文字間距屬性letter-spacing除了可以使用相對(duì)數(shù)值和絕對(duì)數(shù)值外，還可以使用負(fù)數(shù)來實(shí)現(xiàn)文字重疊的效果。

到此，關(guān)于“CSS設(shè)置行間距和字間距的方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！