優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利

網(wǎng)站設(shè)計(jì)對(duì)齊選項(xiàng)

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


 
1.兩端對(duì)齊文本
 
兩端對(duì)齊文本是同時(shí)與左右邊空對(duì)齊。兩端對(duì)齊的文本塊呈矩形外觀,通常標(biāo)題都居中以便讓文檔看起來對(duì)稱、正式。在打印時(shí),可以通過調(diào)整字間距以及在單詞中使用連字符來設(shè)置對(duì)齊。頁面布局程序首先使用連字符字典來檢查每行結(jié)尾的連字符以及在每行結(jié)尾應(yīng)用連字符,然后再調(diào)整整行的字間距。但是即使使用高級(jí)的頁面布局軟件,兩端對(duì)齊文本塊的字間距通常也不十分的理想,還會(huì)時(shí)常出現(xiàn)連字符過多的情況,并且需要手動(dòng)調(diào)整。
 
實(shí)際上,對(duì)于網(wǎng)頁而言,這種控制并非是一個(gè)遙不可及的目標(biāo)。現(xiàn)代瀏覽器支持兩端對(duì)齊文本,但是該效果通過對(duì)字間距的粗略調(diào)整獲得。低分辨率的計(jì)算機(jī)顯示器不太可能進(jìn)行精細(xì)的調(diào)整,而且當(dāng)今的Web瀏覽器的調(diào)整精度也參差不齊。同樣,Web瀏覽器不大可能很快就能隨時(shí)提供自動(dòng)斷字處理,這是對(duì)文本進(jìn)行適當(dāng)?shù)膬啥藢?duì)齊操作的另一個(gè)“必要”條件??梢灶A(yù)期的是,如果將文本設(shè)置為兩端對(duì)齊的話,將會(huì)降低Web文檔的易讀性。
 
2.居中和右對(duì)齊文本塊
 
居中和右對(duì)齊文本塊不方便閱讀。我們采用從左至右的閱讀方式閱讀,并且會(huì)把對(duì)頁面的跟蹤固定在左邊空的垂直線上。居中或者右對(duì)齊的文本會(huì)導(dǎo)致左側(cè)的邊空參差不齊,瀏覽起來更加困難,因?yàn)槿搜坌枰匦滤阉髅啃械钠瘘c(diǎn),如圖8-6所示。
 
3.左對(duì)齊文本
 
左對(duì)齊文本是網(wǎng)頁最適合閱讀的選擇,這是因?yàn)樗淖筮吙站鶆蚯矣幸?guī)則,右邊空不規(guī)則。與兩端對(duì)齊文本不同的是,左對(duì)齊不要求調(diào)整字間距:所有間距的差異全部體現(xiàn)在行尾。最終的不規(guī)則右邊空會(huì)為頁面增添變化及樂趣,絲毫不會(huì)影響易讀性。
 
4.標(biāo)題對(duì)齊
 
網(wǎng)站設(shè)計(jì)位于左對(duì)齊正文之上的標(biāo)題也應(yīng)該左對(duì)齊。居中標(biāo)題與兩端對(duì)齊的文本登對(duì),但是網(wǎng)頁上不常使用兩端對(duì)齊文本。居中顯示字體與左對(duì)齊的不規(guī)則右邊空形成了鮮明的對(duì)比,產(chǎn)生了失衡的頁面效果。在網(wǎng)頁變得更精致之前,我們推薦你使用左對(duì)齊文本塊和左對(duì)齊標(biāo)題,因?yàn)檫@是大多數(shù)布局的最佳解決方案。

本文地址:http://hbbqcd.cn//article/4334.html
相關(guān)文章:
最新文章: