網頁段落行間距控制

2021-05-22 13:37:58 字數 1558 閱讀 6276

本文主要講解如何用css控制網頁段落行間距的三個例項:1、使用百分比設定行間距,2、使用畫素值設定行間距,3、使用數值來設定行間距。

1、使用百分比設定行間距

本例演示如何使用百分比值來設定段落中的行間距。

這是擁有標準行高的段落。

在大多數瀏覽器中預設行高大約是 110% 到 120%。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

2、使用畫素值設定行間距

本例演示如何使用畫素值來設定段落中的行間距。看到本資訊說明你在認真閱讀教程,這句話和教程無任何關聯,網頁教學webjx.com只是為了防止採集。

這是擁有標準行高的段落。

在大多數瀏覽器中預設行高大約是 20px。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

3、使用數值來設定行間距

本例演示如何使用乙個數值來設定段落中的行間距。

這是擁有標準行高的段落。

預設行高大約是 1。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這是擁有標準行高的段落。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

這個段落擁有更大的行高。

css控制行間距

字型的選用要考慮該文字的用途,是做標題呢,還是段落文字?通常來說 san serif 字型適合作為標題使用,例如 arial serif 字型適合作為段落文字使用,例如time new roman。對於網頁設計來說,有幾個字型是我強烈推薦的,verdana,tahoma,ge ia。事實上,像 ve...

CSS教程 7 網頁段落行間距控制的例項

1 使用百分比設定行間距 本例演示如何使用百分比值來設定段落中的行間距。程式設計客棧style type text www.cppcns.comcss p.small p.big 這是擁有標準行高的段落。在大多數瀏覽器中預設行高大約是 110 到 120 這是擁有標準行高的段落。這是擁有標準行高的段...

UILabel的行間距

實現 contentlabel2.text 1 代金優惠券為全場通用禮券 每個訂單限使用一張優惠券 n2 滿 200元可使用 5元優惠券,滿 300元可使用 10元優惠券,滿 500元可使用 20元優惠券,滿 1200 元可使用 50元優惠券 不可疊加使用 n3 代金優惠券不能用於頁面提示的特例產品...