CSS中可以通過不同的屬性來改變字的位置。比較常用的屬性有:text-align
:用于控制文字水平方向的對齊方式。它可以取值為left,center或right。默認值為左對齊(left)。vertical-align
:用于控制文字垂直方向的對齊方式。它可以取值為top,middle或bottom。如果應用于行內元素,它還可以取值為baseline(默認值)或sub/super。如果應用于表格元素,它還可以取值為text-top,text-bottom或middle。line-height
:用于控制行高。它可以取數值,表示倍數(比如1.5表示當前字體大小的1.5倍),也可以取具體的長度單位(比如15px)。
下面是一些例子來表明如何使用這些屬性來調整字的位置:text-align
的例子:
.text{ text-align: center; }
vertical-align
的例子:.text{ vertical-align: middle; height: 200px; line-height: 200px; }
這個文字將會垂直居中
line-height
的例子:.text{ font-size: 20px; line-height: 1.5; }這個文字將會有一個比字體略大的行高
上一篇css中改變鼠標為小手
下一篇css中文字兩邊有線段