CSS定義字型間距 字型行與行間距

2022-01-23 23:03:49 字數 971 閱讀 7985

css定義字型行間距 line-height:xxpx;

css定義字型間距

下面我們講述一下css的文字屬性,還是先來看一下文字屬性的詳細列表:

屬性     屬性含義     屬性值

word-spacing     定義了各個單詞之間的間距     normal必須以長度為單位

letter-spacing        定義了每個字母之間的間距     同上

text-decoration     定義文字的「裝飾」樣式     none|underline|overline|

line-through|blink

vertical-align     定義了元素在垂直方向

上的位置

baseline|sub|super|top|text-top|middle|bottom|text-bottom

text-transform     使文字轉換為其它形式     capitalize|uppercase|lowercase|none

text-align     定義了文字的對齊方式     left|right|center|justify

text-indent     定義了文字的首行的縮排方式     |

line-height     定義了文字的行高     normal|||

我們可以從表中看到在這裡可以定義文字的文字間距、字母間距、裝飾、對齊方式、縮排方式和行高等屬性。

舉個例子來看看吧:

code:

我們看到經過文字屬性處理的文字字與字之間多了間距,行與行之間多了行高,對齊方式變成了兩端對齊,並且段首又多縮排了兩格。

letter-spacing設定了字間距為5px,其中5px為乙個長度單位;text-align設定了對齊方式為兩端對齊;indent設定了縮排格為4em;line-height設定了行高為17pt

從上面的例子,我們可以看出利用css的文字屬性可以方便的對頁面中的文字進行排版。

CSS定義字型間距 字型行與行間距

1 2letter spacing 畫素 字母或中文字的左右間距 34 word spacing 畫素 兩個單詞之間的左右間距 56 line height 畫素 兩行之間的間距 78 text decoration 字型的裝飾 如刪除線等 910 vertical align 垂直上的位置 111...

TextView設定行間距 字型間距

一 設定行間距 1 設定行間距 android linespacingextra,取值範圍 正數 負數和0,正數表示增加相應的大小,負數表示減少相應的大小,0表示無變化 2 設定行間距的倍數 android linespacingmultiplier,取值範圍 浮點數,如果值大於1.0表示增加行間距...

ios UILabel字型的行間距

define linespace 20 uilabel label uilabel alloc initwithframe cgrectmake 0,100,320,200 label setbackgroundcolor uicolor blackcolor label settextcolor ...