怎樣建設(shè)網(wǎng)站:對vertical - align屬性設(shè)置
CSS段落文字
段落是由一個個文字組合而成的,同樣是網(wǎng)頁中十分重要的組成部分,因此前面提到的
文字屬性,對于段落同樣適用。但CSS針對段落也提供了更多的樣式屬性。
(1)段落的水平對齊方式。在CSS中,段落的水平對齊是通過屬性text - align控制的,
它的值可以設(shè)置為左對齊、右對齊、居中對齊等。因此,在CSS中控制段落文字的對齊方式
就像在Word軟件中一樣方便。
格式:
任務(wù)3掌握CSS層疊樣式表
(2)段落的垂直對齊方式。CSS段落文字的垂直對齊方式是通過vertical - align屬性實
現(xiàn)的。對于文字本身而言,該屬性對于塊級元素并不起作用,如<p>和<div>等標(biāo)記。但
對于表格而言,這個屬性則顯得十分重要。
格式:
選擇囂{ vertical
align:髓幫孝豢;
段落的垂直對齊方式常見的有top(頂端對齊)、bottom(底端對齊)、middle(中間對齊)。
用“記事本”編寫如下代碼并保存為3-3 _6. htm文件。
通過瀏覽器查看,上面這段代碼在IE 9中的顯示結(jié)果如圖3-22所示。
如果對vertical - align屬性設(shè)置具體值,對于文字本身則可以在垂直方向上發(fā)生位移。
當(dāng)值設(shè)置為正數(shù)時,文字將向上移動相應(yīng)的數(shù)值,設(shè)置為負(fù)數(shù)時則向下移動。