1. 程式人生 > >css 設定相關的文字屬性1——縮排和對齊

css 設定相關的文字屬性1——縮排和對齊

縮排文字:text-indent 屬性,所有元素的第一行縮排給定的長度。這一屬性不適用於行內元素和影象之內的替換元素。eg p { text-indent:10px;}會將p元素的第一行縮排10px;懸掛縮排: p {text-indent:-4em;}

文字的水平對齊:text-align屬性,它會影響一個元素中的文字行相互之間的對齊方式。對應的值有:left,right,center,justify,inherit,記住,text-align只適用於塊級元素。

文字的垂直對齊:  line-height:文字行基線之間的距離,一般line-height可以用來增或者減少文字行之間的垂直距離。line-height與字型大小隻差為行間距。 eg p {font-size:20px;line-height:30px;}則此時行間距為5px;考慮到繼承時,子元素的行高的相對與父元素計算,而不是相對於子元素計算。(!重要)。比較好的方法是line-height設定wie一個縮放因子,{line-height:1},這個值可以繼承,從而,使得各元素都根據自己的font-size計算行高。

垂直對齊文字: vertcal-align:這一屬性只適用於行內元素和替換元素(img等),該值不能繼承。vertical-align 不影響塊級元素中的內容對齊(!重要)。