文本塊可以以很多不同的方式放置于邊空中。左對齊、居中、右對齊以及兩端對齊都是Web中可用的文本對齊選項(xiàng)。

1.兩端對齊文本

兩端對齊文本是同時與左右邊空對齊。兩端對齊的文本塊呈矩形外觀，通常標(biāo)題都居中以便讓文檔看起來對稱、正式。在打印時，可以通過調(diào)整字間距以及在單詞中使用連字符來設(shè)置對齊。頁面布局程序首先使用連字符字典來檢查每行結(jié)尾的連字符以及在每行結(jié)尾應(yīng)用連字符，然后再調(diào)整整行的字間距。但是即使使用高級的頁面布局軟件，兩端對齊文本塊的字間距通常也不十分的理想，還會時常出現(xiàn)連字符過多的情況，并且需要手動調(diào)整。

實(shí)際上，對于網(wǎng)頁而言，這種控制并非是一個遙不可及的目標(biāo)。現(xiàn)代瀏覽器支持兩端對齊文本，但是該效果通過對字間距的粗略調(diào)整獲得。低分辨率的計(jì)算機(jī)顯示器不太可能進(jìn)行精細(xì)的調(diào)整，而且當(dāng)今的Web瀏覽器的調(diào)整精度也參差不齊。同樣，Web瀏覽器不大可能很快就能隨時提供自動斷字處理，這是對文本進(jìn)行適當(dāng)?shù)膬啥藢R操作的另一個“必要”條件?？梢灶A(yù)期的是，如果將文本設(shè)置為兩端對齊的話，將會降低Web文檔的易讀性。

2.居中和右對齊文本塊

居中和右對齊文本塊不方便閱讀。我們采用從左至右的閱讀方式閱讀，并且會把對頁面的跟蹤固定在左邊空的垂直線上。居中或者右對齊的文本會導(dǎo)致左側(cè)的邊空參差不齊，瀏覽起來更加困難，因?yàn)槿搜坌枰匦滤阉髅啃械钠瘘c(diǎn)，如圖8-6所示。

3.左對齊文本

左對齊文本是網(wǎng)頁最適合閱讀的選擇，這是因?yàn)樗淖筮吙站鶆蚯矣幸?guī)則，右邊空不規(guī)則。與兩端對齊文本不同的是，左對齊不要求調(diào)整字間距:所有間距的差異全部體現(xiàn)在行尾。最終的不規(guī)則右邊空會為頁面增添變化及樂趣，絲毫不會影響易讀性。

4.標(biāo)題對齊

網(wǎng)站設(shè)計(jì)位于左對齊正文之上的標(biāo)題也應(yīng)該左對齊。居中標(biāo)題與兩端對齊的文本登對，但是網(wǎng)頁上不常使用兩端對齊文本。居中顯示字體與左對齊的不規(guī)則右邊空形成了鮮明的對比，產(chǎn)生了失衡的頁面效果。在網(wǎng)頁變得更精致之前，我們推薦你使用左對齊文本塊和左對齊標(biāo)題，因?yàn)檫@是大多數(shù)布局的好解決方案。

分享名稱：成都網(wǎng)站建設(shè)公司淺析網(wǎng)站設(shè)計(jì)對齊選項(xiàng)
分享路徑：http://aaarwkj.com/news11/52111.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)