html5零基礎(chǔ)入門教程 網(wǎng)頁設(shè)計(jì)問題:怎樣將文字對齊?
網(wǎng)頁設(shè)計(jì)問題:怎樣將文字對齊?最簡單的方法是在文本所在的標(biāo)簽上添加一個(gè)填充頂部,并使用頂部填充的方法來模擬文本向下對齊的效果。如果不想使用這種方法,還有更復(fù)雜的實(shí)現(xiàn)手段。假設(shè)上面的HTML代碼是這樣的
網(wǎng)頁設(shè)計(jì)問題:怎樣將文字對齊?
最簡單的方法是在文本所在的標(biāo)簽上添加一個(gè)填充頂部,并使用頂部填充的方法來模擬文本向下對齊的效果。如果不想使用這種方法,還有更復(fù)雜的實(shí)現(xiàn)手段。假設(shè)上面的HTML代碼是這樣的:<divclass=“footer”><divclass=“center”>廣東科技大學(xué)</div></div>css.頁腳{ 高度:100px位置:相對}.center{位置:絕對底部:0文本-對齊:居中}對文本進(jìn)行絕對定位,以便其父元素可以向下對齊,而不考慮其高度。
段落對齊的方式有幾種?
一般來說,段落分為水平對齊和垂直對齊。
1. 段落水平對齊:左對齊、中對齊、右對齊、兩端對齊、分散對齊;
(1)左對齊:段落的所有行都對齊到頁面的左側(cè);
(2)右對齊:段落的所有行都對齊到頁面的右側(cè);
(3)居中對齊:段落的所有行與頁面的中間對齊;
(4)兩端對齊:段落的所有行與頁面的左側(cè)對齊右兩端的邊緣對齊,根據(jù)每行中的字符數(shù)自動(dòng)分配字距,最后一行左對齊;
(5)分散對齊:段落每行的左右兩端對齊,兩端的主要區(qū)別是段落的最后一行。通過使用分散對齊,這行字之間的距離可以均勻地延長,字體間距可以自動(dòng)延長,就像接管整個(gè)業(yè)務(wù)一樣。
2. 段落垂直對齊是指整個(gè)段落在頁面垂直方向上的對齊,分為上對齊、中對齊、兩端對齊和下對齊